0

我的 Bootstrap 设置非常简单，与此示例非常相似。我有一个左侧的侧边栏和右侧的内容。我要完成的简单任务是将页面的右侧居中。

更一般地说，我想将放置在里面的任何 div 居中div.span9。我用过.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-->

在这里，您可以在 jsFiddle 上看到完整的代码和一个实时示例。任何帮助将不胜感激，谢谢。

4

1 回答 1

1

更新：Bootstrap 从 2.1.0（或大约）开始支持流体偏移。请参阅流体偏移文档

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

其次，如果您在溢出的内容中放入一些内容.span4，则居中只会应用于.span4容器。您也应该修复内容宽度（即.control-group和.control）。

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

于 2012-07-09T20:44:04.477 回答