missing breakpoint at 480px?

[tkittich]

The document says

• Extra small devices (phones, up to 480px)
• Small devices (tablets, 768px and up)
• Medium devices (desktops, 992px and up)
• Large devices (large desktops, 1200px and up)

So it seems a breakpoint & media query for devices between 480px - 768px are missing.

[snedled]

@tkittich Bootstrap 3 is mobile first. Its the default "breakpoint".

[tkittich]

I am quite confused about this. 480px is a quite common screen width for vertical phones and 768px for horizontal phones. So I believe there should be some ways to differentiate between 480px and 768px.

[trumbitta]

The second breakpoint is from 768 and up, thus 768 != 480

[cvrebert]

5 grid sizes sounds kinda ridiculous.

[dan-diaz]

I think @tkittich is confused because the customization tab in the docs still says 480px for @screen-xs.

So perhaps this is an issue of documentation.

edit: and I'm still seeing 480px on line 203 of variables.less

[antespi]

@tkittich if you need a way to "differentiate between 480px and 768px", you can add a new breakpoint at 480px. You have an example (HS, Horizontal Small Devices) in this forked repo: https://github.com/Teachnova/bootstrap/tree/hs (hs branch). This is unofficial but updated to v3.1.1. You will see that changes are only a few, because this framework is well coded and complain DRY principle.
You can see #10203 and #12586 for full history about this discussion.