Twitter Bootstrap Supprimer la Marge de la Durée de

Je suis en utilisant Twitter Bootstrap. Et je l'ai utilisé span8 et durée de 4 dans une rangée. Est-il de toute façon à retirer le premier margin-left:20px à partir de la première travée de la ligne sans avoir besoin de plus de le monter manuellement ?

InformationsquelleAutor Harsha M V | 2012-05-10
  1. 30

    Que 20px marge que vous voyez sur votre #mainContent la région est due à la configuration de l'amorçage de la grille, qui utilise un conteneur de 940px, il est censé être supprimé par la .row récipient avec un margin-left:-20px de la propriété. Dans votre configuration, votre contenu de la zone de travail est juste la façon dont il a été conçu de trop, mais votre top pageHeader et mainNav sections ne sont pas correctement inséré dans la grille, vous avez juste divs à l'intérieur de la .row top articles qui ne sont pas contenues dans les contenants appropriés de la grille.

    Pour y remédier, vous pouvez simplement insérer tous vos pageHeader et mainNav éléments à l'intérieur d'un .span12 conteneur et tout devrait pile en conséquence.

    Fixe balisage

    <header class="row" id="pageHeader">
    <div class="span12">
        <div id="logo">Logo</div>
        <div id="userDetails">userDetails</div>
    </div>
</header>

<nav id="mainNav" class="row">
    <div class="span12">
        <ul>
            <li><a href="home.html">Home</a></li>
            <li><a href="dashboard.html">Dashboard</a></li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="idea_exchange.html">Idea Exchange</a></li>
        </ul>
    </div>
</nav>

    Aussi, petit conseil, vous pouvez passer votre mainNav couleur d'arrière-plan à la bonne grille récipient de .span12 simplement en ciblant comme suit:

    nav#mainNav .span12 {
    background: url("../images/nav_bar_bg.png") repeat-x scroll 0 0 transparent;
    height: 45px;
    overflow: hidden;
}
    InformationsquelleAutor Andres Ilich
  2. 8

    vous pouvez ajouter une classe css avec un !important:

    exemple:

    .no_margin{
margin:0px !important;
}

    et d'ajouter que la classe de votre code html, si nécessaire.

    (désolé pour mon mauvais anglais xD)

    InformationsquelleAutor Luis
  3. 2

    il y a aussi des petits de moins en moins d'utilité à

    http://getkickstrap.com/extras/#single-view

    appelé flushspan

    • Le lien est mort.
    InformationsquelleAutor Nati Krisi
  4. 0

    Par l'aide de la "ligne" ou "row-fluid" classe en tant que parent de votre span class

    <div class="row">
    <div class="span3">
        <ul>
           <li><a href="home.html">Home</a></li>
           <li><a href="dashboard.html">Dashboard</a></li>
           <li><a href="blog.html">Blog</a></li>
           <li><a href="idea_exchange.html">Idea Exchange</a></li>
        </ul>
    </div>
</div>
    InformationsquelleAutor Fury