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.

Sign up for GitHub

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

Jump to bottom

Responsive Justified Navigation Folds Over On Browser Resize (see justified-nav example) #11225

Closed
MattWeider opened this issue Oct 24, 2013 · 4 comments
Closed

Responsive Justified Navigation Folds Over On Browser Resize (see justified-nav example) #11225

MattWeider opened this issue Oct 24, 2013 · 4 comments

Comments

@MattWeider
Copy link

When resizing your browser down to the minimum width and then bringing it back to full size the menu items wrap below the navigation. Doing it again compounds the problem. See pictures and http://getbootstrap.com/examples/justified-nav/ for an example.
screen shot 2013-10-24 at 5 40 50 pm
screen shot 2013-10-24 at 5 41 02 pm
@carasmo
Copy link

carasmo commented Oct 24, 2013

Works for me. What browser are you using and version?

@cvrebert
Copy link
Collaborator

Known issue. It's a browser bug. Bootstrap v3.0.1's docs will include a warning about it.
See

bootstrap/components.html

Line 1885 in 9d2cf56

<h4>WebKit and responsive justified navs</h4>

@cvrebert
Copy link
Collaborator

Duplicate of #9774.

@carasmo
Copy link

carasmo commented Oct 25, 2013

http://jsbin.com/OBEKoZu/8

This looks good in Chrome. You add to the ul:

    -webkit-padding-start:0px; /* reset chrome default */

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@cvrebert @carasmo @MattWeider