React Bootstrap size
Developer tool that renders display size based on Bootstrap 5 breakpoints.
Renders just the size label. All additional styling is up to you.
Installation
npm install react-bootstrap-size --save
Usage
import BootstrapSize from "react-bootstrap-size";
<BootstrapSize />Breakpoints
| Breakpoint | Label | Dimension |
|---|---|---|
| X-Small | XS | <576px |
| Small | SM | ≥576px |
| Medium | MD | ≥768px |
| Large | LG | ≥992px |
| Extra large | XL | ≥1200px |
| Extra extra large | XXL | ≥1400px |