在Twitter Bootstrap中居中对齐.span9内容？

Question

我的Bootstrap安装非常简单，与example非常相似。我有一个左边的边栏和右边的内容。我打算完成的简单任务是将页面的右侧居中。

更多一般来说，我想集中在div.span9之内的任何div。我用.span4 .offset4，但它不工作：

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

在这里你可以看到完整的代码和一个live example on jsFiddle。任何帮助将不胜感激，谢谢。

Answer 1

更新：Bootstrap自2.1.0（或其附近）支持流体偏移。请参阅Fluid Offseting doc

---

流体网格中没有偏移。检查这一个：Offset Margin-Left Percentages for Fluid Row in Bootstrap

其次，如果你在.span4溢出一些内容，集中将只适用于.span4容器。您也应该修正内容宽度（即.control-group和.control）。

如果你喜欢简单的方法，你可以保持网格静态（非流体），并使用.offsetX类或margin-left: auto; margin-right: auto;。