Bootstrap screen sizes

The Bootstrap grid system has four classes:
xs (for phones - screens less than 768px wide)
sm (for tablets - screens equal to or greater than 768px wide)
md (for small laptops - screens equal to or greater than 992px wide)
lg (for laptops and desktops - screens equal to or greater than 1200px wide)

Bootstrap breakpoints

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

Similar codes

2 votes410 views1 answer
Bootstrap dark mode
CSS Bootstrap
14 votes422 views4 answers
Text align left bootstrap
CSS Bootstrap
2 votes458 views2 answers
Bootstrap change color table striped
CSS Bootstrap
0 vote428 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
111 votes446 views6 answers
Install bootstrap in react
Javascript Bootstrap
24 votes424 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
45 votes491 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
-1 vote363 views1 answer
Bootstrap prevent dropdown from closing on click
Javascript Bootstrap
2 votes396 views2 answers
Bootstrap modal show on page load without jquery
Javascript Bootstrap
25 votes444 views6 answers
How to install bootstrap in angular
Javascript Bootstrap