Bootstrap navbar marges

J'aimerais que les marges gauche et droite de la barre de navigation conetnt plus petits de sorte que la "marque" (la plus à gauche du composant) s'affiche plus sur la gauche, puis la valeur par défaut et même pour le bon composant.

Quelqu'un peut-il m'indiquer pertinentes moins de variables à modifier?

Grâce

OriginalL'auteur user1377822 | 2013-04-20

  1. 4

    Avec une mise de base, le sélecteur CSS que vous voulez est

    body > .navbar .brand

    Jouer avec les margin-left et margin-right jusqu'à obtenir le résultat que vous souhaitez. En fonction de comment vous appelez de vos styles CSS, vous devrez peut-être ajouter !important ainsi, par exemple, 

    body > .navbar .brand{
margin-left:-20px !important;
margin-right:-20px !important;  
}

    Si vous n'avez pas de succès avec cela, essayez de ommitting body >

    MODIFIER

    Si vous souhaitez modifier la largeur de l'ensemble de la barre de navigation, essayez quelque chose comme 

    .navbar{
margin-left:-20px;
margin-right:-20px;
}

    Vous pourriez aussi avoir besoin de régler les détails pour navbar-inner, par exemple, 

    .navbar-inner{
padding-left:0;
padding-right:0;
}

    Modifier

    Voir si cela aide: http://jsfiddle.net/panchroma/zBeZF/

    Bonne chance!

    Je pense que cela s'applique uniquement aux .marque de composant, correct? Comment sur le composant qui est flottant à droite? J'aimerais que les marges des deux côtés à être plus petits. Merci
    Je comprends maintenant. J'ai mis à jour ma suggestion
    OK j'ai modifié la barre de navigation.moins fichier (travail avec moins directement) et ajouté les marges et recompilé. Il ne semble pas fonctionner.
    Je ne suis pas 100% clair sur ce que vous devez atteindre, voir si ma remarque supplémentaire sur navbar-inner aide
    Jetez un oeil à cette amorce exemple. Je suis en train de changement de texte "nom de projet" (.de la marque) pour en savoir plus à gauche (10px) et de même pour tous les composants qui serait flottant à droite (le plus à droite par 10px). twitter.github.io/bootstrap/examples/starter-template.html

    OriginalL'auteur David Taiaroa