Grid Options

xs
<576px
sm
≥576px
md
≥768px
lg
≥992px
xl
≥1200px
xxl
≥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 24px (12px on each side of a column)
Custom gutters Yes
Nestable Yes
Offsets Yes
Column ordering Yes

Row Columns

Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
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
© Vuesy.
Crafted with by Themesdesign