Bootstrap Grid

One of the most important and widely used features of the Bootstrap is its powerful grid system. With it you can create flexible and responsive layout. To take things even further, Bootstrap includes layout utility classes so layouts can be created just right.

Breakpoints

Bootstrap includes six default breakpoints, sometimes referred to as grid tiers, for building responsively. The class infix for each breakpoint can be used with many utility classes to apply the styles at certain screen sizes.

Breakpoint Class infix Dimensions
X-small none <576px
Small sm ≥576px
Medium md ≥768px
Large lg ≥992px
Extra large xl ≥1200px
Extra extra large xxl ≥1400px