Twitter Bootstrap - Position d'un problème avec la ligne fluide

Je suis actuellement en train de construire un site web en utilisant Twitter bootstrap (qui est étonnant!).
J'ai eu la mise en page à l'aide de:

<div class="row">
    <div class="span6"></div>
    <div class="span6"></div>
    <div class="span6"></div>
    <div class="span6"></div>
</div>

Qui fonctionne très bien, j'ai 2 divs par ligne de coeur, et nous n'avons pas d'inclure un compteur dans notre boucle pour se débarrasser de la marge. C'était parfait! Mais nous avons décidé de changer notre esprit sur le fait d'avoir une disposition fixe, donc je suis passé de la .ligne pour .la ligne fluide. Et c'est quand le problème vient.

Je sais avoir quelque chose comme ceci:

<div class="row-fluid">
    <div class="span6"></div>
    <div class="span6"></div>
    <div class="span6"></div>
    <div class="span6"></div>
</div>

Et la div avec .span6 bien fonctionner pour la première ligne, mais ensuite la marge de gauche sur la .span6 font leur apparition à partir de la deuxième ligne, par conséquent, la mise en page est bien ...pas bien.

Je suis surpris qu'il fonctionne étonnante pour disposition fixe, mais pas de la ligne fluide. Est-il une solution pour cela? J'ai utilisé ce sur tout mon site, afin d'avoir à ajouter des compteurs pour tous...trop de travail.

Voici JS Fiddle:
http://jsfiddle.net/denislexic/uAs6k/3/

Toute aide appréciée, merci.

jsbin.com ou jsfiddle.net exemple serait une amélioration pour vous aider!
Merci, j'ai ajouté: jsfiddle.net/denislexic/uAs6k/3
Une version de travail jsfiddle.net/uAs6k/4 . Un margin-left:0; et un clair a été ajouté.
Merci, mais j'ai encore besoin de la marge entre les 2 travées.

OriginalL'auteur denislexic | 2012-05-06

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *