v3 - Issue if title of a justified nav item is to long

[TheZoker]

If you justify a nav-tab and the content of a tab is to long, there is a style issue

https://jsbin.com/tejaza/edit?html,output

BTW: Are justified navs removed in v4?

[cvrebert]

BTW: Are justified navs removed in v4?

Yes: http://v4-alpha.getbootstrap.com/migration/#whats-removed

[TheZoker]

@cvrebert Any reason why?

[cvrebert]

Moving the border-bottom from .nav-tabs.nav-justified>li>a to .nav-tabs.nav-justified>li:not(.active) basically fixes this, at the cost of not working in IE8.

[cvrebert]

I presume @mdo was the one who removed it and would therefore know why.

[mdo]

There's no way around this kind of stuff with a justified nav. It's an equal-width set of nav links—if one of the nav links has far too much content, it simply doesn't work. There's no adjustments we can or should make as far as I'm concerned. Your only options are overriding the CSS yourself, or shortening the label.

And justified navs were removed, but might come back before launch. I rewrote all our nav stuff—and still have more work to do there—and haven't finished it all up yet.