Grid

Grid Options

Bootstrap grid system allow all six breakpoints, and any breakpoints you can customize.
Extra small
576px 		Small
576px 		Medium
768px 		Large
992px 		Extra large
1200px 		Extra extra large
1400px
Grid behavior Horizontal at all times Collapsed to start, horizontal above breakpoints
Max container width None (auto) 540px 720px 960px 1140px 1320px
Class prefix
.col-
.col-sm-
.col-md-
.col-lg-
.col-xl-
.col-xxl-
# of columns 12
Gutter width 1.5rem (.75rem on left and right)
Nestable Yes
Offsets Yes
Column ordering Yes
Grid For Column
col-md-6
col-md-6
col-md-7
col-md-5
col-md-8
col-md-4
col-md-9
col-md-3
col-md-10
col-md-2
col-md-11
col-md-1
col-md-12
Equal-width
col-md-6
col-md-6
col-md-4
col-md-4
col-md-4
Setting one column width
col-md-3
col-md-6 (wider)
col-md-3
col
col-md-5 (wider)
col
Variable width content
col-lg-4
col-md-auto
col-lg-4
col
col-md-auto
col-lg-2
All breakpoints
col
col
col
col
col
col-4
Stacked to horizontal
col-sm-8
col-sm-4
col-sm
col-sm
col-sm
Mix and match
col-sm-8
col-6 col-md-4
col-6 col-md-4
col-6 col-md-4
col-6 col-md-4
col-6
col-6
Nesting
Level 1: .col-sm-3
Level 2: .col-8 .col-sm-6
Level 2: .col-4 .col-sm-6
Horizontal alignment
One of two columns
One of two columns
One of two columns
One of two columns
One of two columns
One of two columns
Vertical alignment
One of three columns
One of three columns
One of three columns
One of three columns
One of three columns
One of three columns
Offset classes
.col-md-4
.col-md-4 .offset-md-4
.col-md-3 .offset-md-3
.col-md-3 .offset-md-3
.col-md-6 .offset-md-3
Margin utilities
.col-md-4
.col-md-4 .ms-auto
.col-md-3 .ms-md-auto
.col-md-3 .ms-md-auto
.col-auto .me-auto
.col-auto