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

##### Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

##### Select Theme

##### Default

##### Minimal

##### Modern

##### Material

##### SaaS

##### Flat

##### Galaxy

##### Retro

##### Neon

##### Pixel

##### Color Scheme

##### Light

##### Dark

##### System

##### Topbar Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Sidenav Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Image

##### Sidebar Size

##### Default

##### Compact

##### Condensed

##### On Hover

##### On Hover - Show

##### Offcanvas

##### Layout Width

##### Fluid

##### Boxed

##### Layout Direction

##### LTR

##### RTL

##### Layout Position

Fixed
Scrollable

##### Sidebar User Info