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 votes172 views1 answer
How to add bootstrap by downloading in react js
Javascript Bootstrap
9 votes253 views3 answers
Bootstrap badge color
CSS Bootstrap
111 votes283 views6 answers
Install bootstrap in react
Javascript Bootstrap
1 vote225 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap
0 vote189 views1 answer
React bootstrap col not working
Javascript Bootstrap
4 votes181 views3 answers
.col-6 bootstrap
CSS Bootstrap
0 vote184 views1 answer
Mdbootstrap react
Javascript Bootstrap
18 votes187 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
3 votes197 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote181 views1 answer
How to add bootstrap to vue js
Javascript Bootstrap