Menu
In the docs it has media queries for "up to 480px" and "768px and up", but nothing in between those sizes.
What's up with that? Is it an error in the comments or what?
376
Small devices (tablets, 768px and up): @media (min-width: @screen-sm-min) { ... } Medium devices (desktops, 992px and up): @media (min-width: @screen-md-min) { ... } Large devices (large desktops, 1200px and up): @media (min-width: @screen-lg-min) { ... }
Grid sizes (A.K.A — Breakpoints) Bootstrap uses CSS media queries to create responsive breakpoints that establish a boundary for each grid size. These grid sizes enable you to change the layout of columns to best match different screen widths and devices__ the essence of responsive design.
Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes in Bootstrap.
Unofficially there is a breakpoint between 480 and 768 called ms (then you use col-ms etc.), see this discussion.
See also my contribution with examples to see the ms hack in action.
Form without the ms hack
Form WITH ms hack
116
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
