About
UI Responsive Design - Breakpoint in Bootstrap
Articles Related
List
| Code | Name | Display Device Description | Toggle Size |
|---|---|---|---|
| xs (Default) | extra small | Bootstrap Default | <576px |
| sm | small | Small devices (landscape phones) | < 768px |
| md | medium | tablets | <992px |
| lg | large | Desktop | <1200px |
| xl | extra-large | large desktops | >= 1200px |
For the responsive class, xs was deleted because bootstrap target the mobile screen resolution first.
Example: for the grid:
- order-xs-first does not exist
- order-first is the good class name that apply to the default xs