Grids

  • Pages
  • Grids

Grid System

Column
Column
Column

Equal-width

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

All Breakpoints

col
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-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

Row Columns

Column
Column
Column
Column

Row Columns

Column
Column
Column
Column