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
Vous devez vous connecter pour publier un commentaire.
Bien le déplacement causé par une marge à gauche.
Ce n'est pas l'idéal, mais vous pouvez toujours remplacer le CSS:
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:
Voir ici:
http://jsfiddle.net/7Lu43/51/
.row-fluid
pour chaque période de 12 travéesHaha, 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 de0
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
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:
OriginalL'auteur Paulo Washington