Grid Options
Bootstrap’s grid includes six tiers of predefined classes for building complex responsive layouts.
.col-4
.col-4
.col-4
.col-sm-4
.col-sm-4
.col-sm-4
.col-md-4
.col-md-4
.col-md-4
.col-lg-4
.col-lg-4
.col-lg-4
.col-xl-4
.col-xl-4
.col-xl-4
Auto-layout columns
.col
.col
.col
Equal-width multi-row
.col
.col
.col
.col
Mixed: mobile and desktop
.col-12 .col-md-8
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
Gutters
Column
Column
Column
Column