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 |