I would like to have a bootstrap navbar where some nav items are left-justified, some are right justified, and some are centered in the remaining space between them.
use this css actually in bootstrap li and ul are float left
http://jsfiddle.net/b7whs/4/
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
.container {
margin-top: 10px;
}
.nav.nav-center {
display: inline-block;
left: 0;
right: 0;
text-align:center;width:70%;
}
.nav.nav-center li,.nav.nav-center li a{display:inline;float:none;line-height:40px;}