Bootstrap 5 test page
Resize the window. The indicator in the bottom-left corner uses the extension's Bootstrap 5 CSS and should always match the breakpoint Bootstrap reports below.
Bootstrap reports: XS SM MD LG XL XXL
Viewport width:
Breakpoints
| Breakpoint | Class infix | Viewport width |
|---|---|---|
| XS | None | <576px |
| SM | sm |
≥576px |
| MD | md |
≥768px |
| LG | lg |
≥992px |
| XL | xl |
≥1200px |
| XXL | xxl |
≥1400px |
Responsive grid
Columns use col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2, so the number of columns per row changes at each breakpoint.
1
2
3
4
5
6