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

43 votes188 views6 answers
Blur background css
CSS
0 vote196 views1 answer
Inset boxshadow
CSS
3 votes187 views1 answer
How to make a backgroud image with no repeat in html
CSS
8 votes198 views1 answer
When hover target diffrent element
CSS
0 vote195 views1 answer
Tailwind simle navbar"
CSS
7 votes218 views2 answers
Background color semi transparent
CSS
0 vote208 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
18 votes219 views6 answers
Css box sizing
CSS
0 vote184 views2 answers
Css animation not working
CSS
38 votes204 views5 answers
Css roboto font
CSS