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

-1 vote245 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
0 vote227 views1 answer
Bootstrap programmatically change tab
Javascript Bootstrap
-1 vote178 views1 answer
Price range slider bootstrap 4
Javascript Bootstrap
0 vote226 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
145 votes778 views6 answers
Add bootstrap to react
Javascript Bootstrap
0 vote227 views1 answer
Javascript test login password in bootstrap studio
Javascript Bootstrap
0 vote253 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
-2 votes256 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript Bootstrap
1 vote276 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap
0 vote244 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap