Note: Containers are not nestable (you cannot put a container inside another container). Bootstrap Grid System Bootstrap's grid system allows up to 12 columns across the page. If you do not want to use all 12 column individually, you can group the columns together to create wider columns: span span span span span span span span span span span span 1 1 1 1 1 1 1 1 1 1 1 1 span 4 span 4 span 4 span 4 span 8 span 6 span 6 span 12 Bootstrap's grid system is responsive, and the columns will re-arrange automatically depending on the screen size. Grid Classes Extra small Small Medium large <576px ≥576px ≥768px ≥992px ≥1200px Max None (auto) 540px 720px 960px 1140px width Class .col- .col-sm- .col-md- .col-lg- .col-xl- prefix
Note: Containers are not nestable (you cannot put a container inside another container). Bootstrap Grid System Bootstrap's grid system allows up to 12 columns across the page. If you do not want to use all 12 column individually, you can group the columns together to create wider columns: span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 4 span 4 span 4 span 4 span 8 span 6 span 6 span 12 Bootstrap's grid system is responsive, and the columns will re-arrange automatically depending on the screen size. Grid Classes Extra small <576px Small ≥576px Medium ≥768px ≥992px large ≥1200px Max width None (auto) 540px 720px 960px 1140px Class prefix .col- .col-sm- .col-md- .col-lg- .col-xl-
Bootstrap.docx