Justify menu items in navbar

[rick777ross]

Now navbar looks like:
http://prntscr.com/pbyha
It is default view.

So, how can we get something like that:
http://prntscr.com/pbyma

Maybe there is opportunity to use div class="raw" and div class="span3", but i dont't know how.

Thanks!

[Adewra]

You could remove the contents of the

<div class="container">...</div>

element, and instead replace it with ...

<div class="row-fluid" style"text-align:center;">
<div class="span3">Link 1</div>
<div class="span3">Link 2</div>
<div class="span3">Link 3</div>
<div class="span3">Link 4</div>
</div>

This would divide it into 4 segments, and center align the text, however, I'm not sure of the replications towards the height of the navbar, and you'll lose any CSS formatting on the UL and LI elements, and if your using it on a mobile device the dropdown wont work (there are workarounds for this). Hopefully, this should be enough to get you started.

[Yohn]

you can take a look at the justified-nav example that will be coming when 2.3.0 is released.. you can check out a fiddle to if you want - http://jsfiddle.net/qpxyz/embedded/result/

[rick777ross]

So, i can't use it now? How can i see, this navbar is not responsive

[mdo]

This is not the place to ask these questions. Please punt it to the mailing list or IRC.