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

+(123) 456 78910
Have a question? call us now

help@medicare.com
Need support? Drop us an email

Mon – Sat 07:00 – 21:00
We are open on

brigham and women's hospital
75 francis street, boston ma 02115
General information: 671-732-5500
New Patients: 800-294-9999