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 | |||||
Start building beautiful apps
Navigate
Contact
369 ape view Avenue
Brooklyn, NY
369 ape view Avenue
Mon - Fri 9am - 5pm
+91 3929 3355
Brooklyn, NY
Subscribe
Latest Shape news, articles, and resources sent straight to your inbox every month.
Made With by ThemeWagon