Elements - Grid system

Bootstrap 4 grid Options

Extra small
<576px
Small
≥576px
Medium
≥768px
Large
≥992px
Extra large
≥1200px
Grid behavior Horizontal at all times Collapsed to start, horizontal above breakpoints
Max container width None (auto) 540px 720px 960px 1140px
Class prefix .col- .col-sm- .col-md- .col-lg- .col-xl-
# of columns 12
Gutter width 30px (15px on each side of a column)
Nestable Yes
Column ordering Yes

Bootstrap 4 grid Examples

1/4
1/4
1/4
1/4
1/3
1/3
1/3
1/2
1/2
1/1
Auto Center