@@include("./partials/title-meta.html", {"title": "Grid System"}) @@include('./partials/head-css.html')

@@include('./partials/topbar.html') @@include('./partials/sidenav.html')

@@include("./partials/page-title.html", {"subtitle":"UI", "title":"Grids"})

Grid Options

See how aspects of the Bootstrap grid system work across multiple devices with a handy table.

	Extra small <576px	Small ≥576px	Medium ≥768px	Large ≥992px	Extra Large ≥1200px	Extra Large ≥1400px
Container `max-width`	None (auto)	540px	720px	960px	1140px	1320px
Class prefix	`.col-`	`.col-sm-`	`.col-md-`	`.col-lg-`	`.col-xl-`	`.col-xxl-`
# of columns	12
Gutter width	1.25rem (0.625rem on left and right)
Custom gutters	Yes
Nestable	Yes
Column ordering	Yes

@@include('./partials/footer.html')

@@include('./partials/customizer.html') @@include('./partials/footer-scripts.html')