comment fixer navbar pour couvrir l'intérieur d'un conteneur - twitter bootstrap

Question

http://jsfiddle.net/PAj78/

i placé mon navbar dans un class="container"

(déplacer la partition vers la gauche pour voir l'ensemble conteneur).

vous verriez que la barre de navigation irait au-delà de son conteneur.

j'ai joué autour du bootstrap.css mais ne peut pas à comprendre où/qui pour régler

Answer 1

Faire la .navbar une colonne de largeur avec la classe .span12 comme ceci:

<div class="navbar span12"> 

demo

---

Explication

Les éléments avec la classe row ont un margin-left négatif par défaut à Compense les marges sur les colonnes (avec la classe span). Les colonnes ont une marge-gauche pour se distancer de la colonne avant, de sorte que le contenu a un bon espacement. Par défaut, le bootstrap a 12 colonnes, donc quand vous faites la taille des 12 colonnes navbar il est exactement dans le conteneur. Mais parce que c'est une colonne, il a le droit margin-left de compenser le négatif margin-left du row. Vous pouvez voir un bel exemple des différentes tailles de colonnes here.

Answer 2

Le est une marge: -20px; sur ".row, .thumbnails" et sur ".row". Remplacez ceci pour éviter que votre problème ne se produise.