Bootstrap grids
Basic grid layouts to get you familiar with building within the Bootstrap grid system.
Three equal columns
Three unequal columns
.col-lg-3
.col-lg-6
.col-lg-3
Two columns
Full width, single column
No grid classes are necessary for full-width elements.
Two columns with two nested columns
Mixed: mobile and desktop
.col-12 .col-lg-8
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-6
.col-6 .col-lg-6
Mixed: mobile, tablet, and desktop
.col-12 .col-lg-8
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-4
.col-6 .col-lg-6
.col-6 .col-lg-6