grid
Basic
1 of 2
2 of 2
1 of 3
2 of 3
3 of 3
Setting one column width
1 of 3
2 of 3 (wider)
3 of 3
1 of 3
2 of 3 (wider)
3 of 3
Variable width content
1 of
3
Variable width content
3 of
3
1 of
3
Variable width content
3 of
3
Equal-width multi-row
2 of 2
1 of 2
2 of 3
1 of 3
All Breakpoints
col
col
col
col-8
col-4
Stacked to horizontal
col-sm-8
col-sm-4
col-sm
col-sm
col-sm
Mix and match
.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
.col-6
.col-6
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
One
of three columns
One
of three columns
One
of three columns
One of three columns
One of three columns
One of three columns
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
One of two columns
One of two columns
One of two columns
One of two columns
Offset classes
.col-md-4
.col-md-4 ..ms-auto
.col-md-3 .offset-md-auto
.col-md-3 .offset-md-auto
.col-auto .me-auto
.col-auto
.col-md-6 .offset-md-3