Centre droite contenu .span9 dans Bootstrap Twitter?

Question

Ma configuration Bootstrap est très simple et assez similaire à celle example. J'ai une barre latérale de la gauche et un contenu sur la droite. La tâche simple que j'essaie d'accomplir consiste à centrer le côté droit de la page.

Plus généralement, je voudrais centrer tout div placé à l'intérieur div.span9. Je l'ai utilisé .span4 .offset4 mais il ne fonctionne pas:

<!--End of sidebar --> 
<!-- Right side --> 
<div class="span9"> 
    <!-- Right side--> 
    <div class="form-container span4 offset4"> 
     <form class="form-horizontal"> 
      <!-- ... --> 
     </form> 
    </div> 
</div> 
<!--/span--> 

Ici vous pouvez voir le code complet et un live example on jsFiddle. Toute aide serait très appréciée, merci.

Answer 1

Mise à jour: Bootstrap prend en charge les décalages de fluide depuis la version 2.1.0 (ou autour de celle-ci). Voir la Fluid Offseting doc

---

Il n'y a pas de décalage dans la grille fluide. Vérifiez celui-ci: Offset Margin-Left Percentages for Fluid Row in Bootstrap

Et d'autre part, si vous mettez un peu de contenu dans le .span4 qui déborde, le centrage ne sera appliqué sur le récipient .span4. Vous devez également corriger la largeur du contenu (c'est-à-dire .control-group et .control).

Si vous préférez la manière simple, vous pouvez garder la grille statique (non fluide) et utiliser les classes .offsetX ou margin-left: auto; margin-right: auto;.