Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

missing breakpoint at 480px? #9915

Closed
tkittich opened this issue Aug 20, 2013 · 6 comments
Closed

missing breakpoint at 480px? #9915

tkittich opened this issue Aug 20, 2013 · 6 comments
Milestone

Comments

@tkittich
Copy link

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
Copy link

snedled commented Aug 20, 2013

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

@tkittich
Copy link
Author

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
Copy link
Contributor

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

@cvrebert
Copy link
Collaborator

5 grid sizes sounds kinda ridiculous.

@dan-diaz
Copy link

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
Copy link

antespi commented Feb 25, 2014

@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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants