navbar-fixed-top wraps navbar-nav prematurely onto multiple lines

[gtwilliams03]

Been looking at this (and I apologize if this issue was already addressed) - and took this site I'm working on (mcgarrybair.com) right out of the BS3 RC2 examples. Resizing the window from -lg to -md wraps the nav-bar into multiple lines. You can see this on the law firm site I just published at http://mcgarrybair.com - this causes the site to render unaccaptably in an iPad (tablet view). I think the navbar should not wrap - but go immediately from one-line of menus to collapse? Wrapping the navbar that is a navbar-fixed-top into multiple lines of li items causes it to overlap the content of the site.

[cvrebert]

Your options are basically:

1. Have fewer/narrower navbar items so that it'll never wrap.
2. Add .hidden-md (or similar) to certain navbar items so that the navbar as a whole won't be wide enough to wrap at medium screens.
3. Adjust the navbar's media queries so that it starts collapsing at medium screens

There's no right answer for all situations, and it comes down to the fact that, since Bootstrap is generic, we don't know how many / how wide navbar items you'll have.

[gtwilliams03]

Got it - feel free to delete this issue since it isn't a bug or feature request and I didn't mean to clog space with what turns out to be a site-specific issue. Great job with Bootstrap!

[cvrebert]

(1) Can't delete GitHub issues (2) It's an instance of a fairly general problem. I've had to deal with it myself in my main Bootstrap v2 webapp.

[gtwilliams03]

Then thank you for understanding and for your helpful advice. Hopefully it helps others as well who might be similarly situated with long navbars.

[Dhamu28]

i want to use two navebars both are fixed on top. when i used this one them hidden in background. can u help me?

[cvrebert]

Please try StackOverflow for those sorts of questions, and especially please don't use comments on old, closed, only-tangentially-related issues to pose such questions. Thanks.