J'aimerais avoir une barre de NAV Bootstrap dans laquelle certains éléments de NAV sont justifiés à gauche, certains sont justifiés corrects et certains sont centrés dans l'espace restant entre eux.
<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
<li><a>Left</a></li>
</ul>
<ul class="nav nav-center">
<li><a>Center 1</a></li>
<li><a>Center 2</a></li>
</ul>
<ul class="nav pull-right">
<li><a>Right</a></li>
</ul>
</div>
</div>
4 Réponses :
Utilisez ce CSS en réalité dans Bootstrap Li et ul float gauche
http://jsfiddle.net/b7whs/4/
Vous avez juste besoin de quelques styles pour obtenir le comportement que je pense que vous vouliez. On dirait que vous alliez l'affichage avec cela, les deux options doivent passer au centre exact de votre barre de navigation. Voici un exemple Jsfiddle pour vous montrer ce que cela ressemblerait. J'espère que c'est ce que vous cherchiez! Sinon, laissez-moi savoir et je serai heureux d'aider davantage. : inline-block itinéraire pour centrer les éléments, donc je vais continuer à continuer de cette approche. Pour vos styles existants, ajoutez / modifier les définitions afin que ces styles soient inclus:
C'est exactement ce dont j'avais besoin (ce que vous avez dans le jsfiddle). J'étais vraiment proche de cela plusieurs fois, mais jamais aussi. Impressionnant.
Super! Je suis content de pouvoir vous aider.
Cela tire aussi le bloc gauche au centre pour moi.
Vient de découvrir la solution moi-même aujourd'hui.
Il suffit d'ajouter le CSS comme suit: et ajoutez la classe centrale à la barre NAV comme ceci