Bootstrap 5 TutorialLesson 4Free preview
BS5 Grid Basic
This lesson is part of Bootstrap · All levels
Summary
Bootstrap uses a flexible 12-column grid system with a combination of .row and .col. Each row is a container of its columns, while the width of the column is determined by the number of columns required from a total of 12. If the number of columns does not divide 12 evenly, the rest of the space is divided proportionally.
Key points
- The Bootstrap grid consists of 12 columns per row.
- .row is the column wrapping and .col determines the width.
- The class column is given the numbers 1 through 12 as part of 12.
- Numerical columns such as .col divide the remaining space evenly.
- Always use .row as a column container to make the space consistent.
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.