Grid

Use Bootstrap's powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

Grid on Bootstrap
Grid options

While Bootstrap uses .col-, .col-sm-, .col-md-, .col-lg- and .col-xl-, we introduced a new breakpoint, .col-xxl- for the massive screen size.

Extra small
<576px
Small
≥576px
Medium
≥768px
Large
≥992px
Extra large
≥1200px
Massive
≥1540px
Max container width None (auto) 540px 720px 960px 1140px 1480px
Class prefix .col- .col-sm- .col-md- .col-lg- .col-xl- .col-xxl-
# of columns 12
Gutter width 30px (15px on each side of a column)
Nestable Yes
Column ordering Yes