Breakpoints
Breakpoints are customizable widths that determine how responsive layouts behave in Bootstrap across devices or viewport sizes
Available breakpoints
Bootstrap includes six default breakpoints, sometimes called grid layers, for responsive builds
| Breakpoint name | Class suffix | Threshold |
|---|---|---|
| tiny | xs |
< 576 pixel |
| small | sm |
>= 576 pixel |
| medium | md |
>= 768 pixel |
| large | lg |
>= 992 pixel |
| oversized | xl |
>= 1200 pixel |
| extra large | xxl |
>= 1400 pixel |
The components have been adapted to extra large screens by default, and many defaults are
xxl like Dialog The default popup size dialog-xxl
