Grid System
This Design System relies on BootStrap5 powerful mobile-first flexbox grid to build layouts, using their default responsive tiers.
Access indepth documentation on how to utilize Bootstrap Grid to learn more.
Small
<768px
Medium
≥768px
Large
≥1200px
Extra Large
≥1400px
Max container width
None(auto)
720px
1140px
1344px
Class prefix
.bs-col-
.bs-col-md-
.bs-col-lg-
.bs-col-xl-
# of columns
12
Gutter width
30px (15px on each side)