css - 如何在 Twitter Bootstrap 中将两个跨度居中？

Question

我无法让两个 span6 div 在 Bootstrap 中居中。我在容器流体中的一行内有这两个 div，但一切都粘在左边。如果可能，我希望两个 div 彼此相邻并居中，但如果屏幕太小，我希望第二个跨度位于第一个跨度下方。

任何帮助，将不胜感激。

Answer 1

默认情况下，您的标记需要如下所示：

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

或者：

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

为了使第二个.span6出现在第一个下方，您可能希望使用媒体查询来更改.container-fluid容器的大小并为.span*类提供最小宽度 - 这样最终当容器的宽度不足以容纳两个.span6元素时第二个被迫低于第一个。