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

8 votes144 views4 answers
Css image align left
CSS
53 votes133 views6 answers
Css transform
CSS
4 votes148 views5 answers
Placeholder text css
CSS
0 vote259 views2 answers
Using materialize css with react
CSS Materialize
145 votes259 views6 answers
Add bootstrap to react
CSS Bootstrap
52 votes128 views4 answers
Css change text size
CSS
47 votes136 views6 answers
How to add a css file in html
CSS
0 vote95 views2 answers
Js parallax effect
CSS
0 vote133 views1 answer
Css light mode
CSS
0 vote137 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS