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