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

Bootstrap no longer works as expected on ipad in portrait #2155

Closed
longlostnick opened this issue Feb 22, 2012 · 7 comments
Closed

Bootstrap no longer works as expected on ipad in portrait #2155

longlostnick opened this issue Feb 22, 2012 · 7 comments
Milestone

Comments

@longlostnick
Copy link

Since the media query bounds were changed to go up to 767 (instead of 768px), the ipad for ex will no longer show the mobile view.

Either the documentation here: http://twitter.github.com/bootstrap/scaffolding.html should be changed, or the bounds should be moved up 1 pixel. This seems like a big oversight in the latest release.

Personally, I think the bounds should be moved up to 768px and 769px so the ipad still shows fluid in portrait mode. At the least the documentation wouldn't have to be changed :)

@mdo
Copy link
Member

mdo commented Feb 22, 2012

This was an oversight on my part with the work on 2.0.1. The effect you're seeing now is in fact intended behavior—the portrait iPad should be getting the downsized grid system as it has the same minimum dimensions we were using elsewhere. I've updated the docs to clarify the change in 2.0.2-wip that fixes my 2.0.1 fix.

Sorry for the confusion!

@mdo mdo closed this as completed Feb 22, 2012
@stoneface
Copy link

Was this resolved? Downloaded latest and still having this issue.

@longlostnick
Copy link
Author

I believe the resolution was that this was intended. Big change, but I guess we just have to get used to it. All in all, I think it does make more sense to show non-mobile layout in portrait.

@stoneface
Copy link

Assuming there is a workaround to revert?

@longlostnick
Copy link
Author

You could always change that media query by bringing the range up by 1 pixel. from 767px to 768px. Otherwise you could try "overriding" that media query, but you'd have to override all the other stuff within it I think.

@stoneface
Copy link

Got it. Thanks!
Actually and increase this by 1px @media (min-width: 769px) and (max-width: 979px)

@crustamet
Copy link

The problem isn`t fixed, we should see the hamburger on ipad and not the hole menu.

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

No branches or pull requests

4 participants