bootstrap 3 barre de navigation à droite pas de rembourrage avec navbar-fixed-top
Je suis en train d'utiliser un bootstrap barre de navigation avec des choses aligné à gauche et à droite.
Voici le code que j'ai pour la partie de droite:
<ul class="nav navbar-nav navbar-right">
<p class="navbar-text">Logged in as Some Person</p>
<li>
<a href="/log_out">Log out</a>
</li>
</ul>
C'est dans .navbar > .navbar-collapse
. Cela fonctionne pour la plupart, sauf que le rembourrage sur le droit n'est pas respecté.
J'ai testé sur chrome et firefox, et dans les deux cas, l'inspecteur du modèle de boîte de montre 15px de rembourrage sur la droite, mais quand la page génère, il n'y a pas d'espace entre le contenu de la boîte et la barre de défilement sur la droite de la page.
Voici un jsfiddle montrant le problème: http://jsfiddle.net/YQKZ3/.
EDIT: Il semble que le problème se produit uniquement lorsque le nav
de l'élément a de la classe navbar-fixed-top
. Quelles sont les causes de l'inclusion de cette catégorie (qui est nécessaire) pour visser le rembourrage aligné à droite de choses?
navbar-fixed-top
classe sur l'élément nav. Mettra à jour la question en conséquence.OriginalL'auteur cg505 | 2013-12-26
Vous devez vous connecter pour publier un commentaire.
http://jsfiddle.net/jmJWr/
Besoin d'un .conteneur juste à l'intérieur de l' .barre de navigation puis réglez le css.
Dans quelques jours, ou alors 3.1.0 va sortir, alors vous pouvez utiliser .conteneur de fluide et retirer le css.
La documentation est faux, ici, est le fil dans le repo: https://github.com/twbs/bootstrap/issues/11783
Il est nécessaire, car cela ajoute à la 15px rembourrage si les éléments ne touchez pas les bords, cela fait partie de toutes les implémentations de la barre de navigation, il y a toujours un .conteneur à l'intérieur d'eux.
J'ai fondé mon code de la navbar exemple sur getbootstrap.com/components/#navbar, qui ne semble pas avoir une .conteneur n'importe où.
Yep. Il y a une mise à jour, leurs docs sont tromper sur ce point. Ils sont à l'aide de la barre de navigation à l'intérieur d'un conteneur dans les docs, mais dans toutes les implémentations d'une barre de navigation utilisé comme une barre de navigation au-dessus du contenu principal, il y a un .conteneur à l'intérieur de la barre de navigation et bientôt vous pouvez utiliser .conteneur de fluide, les documents doivent être mis à jour bientôt.
Voici où ils confirment que la documentation est faux: github.com/twbs/bootstrap/issues/11783
OriginalL'auteur Christina