Bootstrap plusieurs lignes de travées dans une ligne fluide

Cette question est très similaire, bien que cela ne répond pas à ma question.

Une réponse comme ça serait bien, aussi longtemps que cela fonctionne pour des mises en forme réactives par exemple .row-fluid, dont il n'a pas à l'heure actuelle.

Est-il possible dans le Bootstrap pour avoir un liquide de ligne et de plusieurs lignes à l'intérieur de cette ligne comme suit:

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
        </div>
        <div class="span12">
        </div>
        <div class="span12">
        </div>
    </div>
</div>

sans la deuxième ligne de la travée avoir une drôle de marge de gauche?

Cliquez ici pour un exemple JSFiddle

Essentiellement ce dont j'ai besoin est d'avoir plusieurs lignes de travées à l'intérieur d'un .row-fluid sans les lignes après la première rupture de la mise en page.

OriginalL'auteur mackwerk | 2013-04-19

  1. 6

    Bien le déplacement causé par une marge à gauche.

    Ce n'est pas l'idéal, mais vous pouvez toujours remplacer le CSS:

    .container-fluid .row-fluid [class*="span"] {
    margin-left:0px;
}

    Acutally cependant, l'erreur semble résider dans le fait que vous avez déclaré le 12 span3 DIVs, qui ajoute jusqu'à un total de 36. 12 est la limite pour un récipient de liquide, de sorte que vous aurez besoin de faire ces span1:

    <div class="container-fluid">
    <div class="row-fluid">
        <div class="span1">1
        </div>
        <div class="span1">2
        </div>
        <div class="span1">3
        </div>
        <div class="span1">4
        </div>
        <div class="span1">5
        </div>
        <div class="span1">6
        </div>
        <div class="span1">7
        </div>
        <div class="span1">8
        </div>
        <div class="span1">9
        </div>
        <div class="span1">10
        </div>
        <div class="span1">11
        </div>
        <div class="span1">12
        </div>
    </div>
    <div class="row-fluid">
        <div class="span3">
            1
        </div>
        <div class="span3">
            2
        </div>
        <div class="span3">
            3
        </div>
        <div class="span3">
            4
        </div>
    </div>
    <div class="row-fluid">
        <div class="span3">
            1
        </div>
        <div class="span3">
            2
        </div>
        <div class="span3">
            3
        </div>
        <div class="span3">
            4
        </div>
    </div>
</div>

    Voir ici:

    http://jsfiddle.net/7Lu43/51/

    Je sais que le total est de plus de 12 ans, c'était une sorte de point :p j'ai essayé d'obtenir d'avoir un .row-fluid pour chaque période de 12 travées
    Haha, ah je vois 😮 Bien la marge le remplacement doit être correcte, n'est-ce pas?
    Oui! Désolé de ne pas accepter votre réponse. Aussi, si vous ne margin-left:1% au lieu de 0 elle ressemble vraiment bon aussi, et il s'adapte!
    Ce n'est pas grave :p Ah ça sonne bien! Heureux il a travaillé 🙂

    OriginalL'auteur MasNotsram

  2. 1

    Dans le bootstrap 3, il est possible d'insérer plusieurs (.span) à l'intérieur d'une même ligne. Ce que je trouve le plus intéressant, à ne pas rompre la mise en page et fonctionne de la réactivité. Dans le bootstrap 2, vous devez obéir au limete de 12 colonnes pour chaque ligne. Si cette limite est dépassée, les marges contenues dans les autres colonnes d'entraver la mise en page.

    Pour mon cas, j'ai nettoyé la colonne marges et inséré marges seulement pour la colonne de droite:

    Exemple en page 2, Colonne

    .myDiv{
  .span6{
    margin-left:0;
    &:nth-child(even){
      margin-left: 2.127659574468085%;
    }
  }
}

    et réactif 767px

    @media  (max-width: 767px) {
  .myDiv{
    .span6{
      margin-left:0;
      &:nth-child(even){
        margin-left: 0;
      }
    }
  }
}

    OriginalL'auteur Paulo Washington