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

18 votes338 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
238 votes400 views5 answers
Include bootstrap
CSS Bootstrap
0 vote315 views1 answer
Install bootstrap in nextjs
Javascript Bootstrap
0 vote311 views1 answer
React js bootstrap select option required
Javascript Bootstrap
0 vote313 views1 answer
Mdbootstrap react
Javascript Bootstrap
0 vote325 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
35 votes346 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
1 vote321 views1 answer
Bootstrap modal title center
Javascript Bootstrap
4 votes337 views1 answer
Bootstrap file select class
CSS Bootstrap
0 vote302 views1 answer
Datatable bootstrap cllick on specific button
Javascript Bootstrap