Justified nav in navbar

[CydGoblin]

I'm using this custom build and every li looked like this

So I found This

[hnrch02]

Please make your example into a JS Bin. Also, which version of Bootstrap are you using?

[CydGoblin]

JS bin demo
Added .nav-justified to ul and all li inside is like stacked. I'm using latest version of bootstrap.

[hnrch02]

Pretty sure justified navs in navbars aren't supported. /cc @mdo @cvrebert

[cvrebert]

Correct. It's an option of Tabs and Pills, and you can add custom styles to make it navbar-like (see http://getbootstrap.com/examples/justified-nav/ ), but it can't be combined with the navbar.
I know this has come up before. It might be worth documenting this.

[mdo]

Nope, they're not supported.

[carasmo]

Yes, please document. Saw a ? on SO today about it.

[carasmo]

Here is a way to do it:

http://jsbin.com/sohayi/1/

It's pretty simple.

[mdo]

@carasmo I know we've said no new features, but would you be willing to open up a PR with perhaps a new example for that?

[carasmo]

@mdo ... Right after I posted it I thought that something like this should not be added because it requires use of the responsive utilities to hide the brand and show it again and, well, justified navs are just not that popular. Never needed them since 99 in my own life. But that's just me. Bootstrap is already full enough. However, if you want, I will try -- never have made a pr in my life.

[mdo]

Punting to v4.

[cvrebert]

Due to the confusion caused by the nav in the name, it's worth documenting/clarifying that justified navbars don't exist (out of the box, anyway), IMO. It's come up several times.

[mdo]

Relevant previous requests:

• Support justified navbar links #5356
• Justify menu items in navbar #6594
• nav navbar-nav nav-justified is broken #8682

Plus, all the issues around the Justified Nav example we have, which is a janky implementation of a responsive navbar.