Grid

Grid Option

	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

Equal Width

1 of 1

1 of 2

2 of 2

1 of 3

2 of 3

3 of 3

Mix and Match

.col-md-8

.col-6 .col-md-4

.col-6

Setting One Column

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

col-4

Stacked To Horizontal

col-sm-8

col-sm-4

col-sm

Row Columns

Column

Nesting

Level 1: .col-sm-3

Level 2: .col-8 .col-sm-6

Level 2: .col-4 .col-sm-6

Clear All Notification

Welcome !

Grid

Grid Option

Equal Width

Mix and Match

Setting One Column

Variable width content

All Breakpoints

Stacked To Horizontal

Row Columns

Nesting