如何在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下方，您可能希望使用media queries来更改.span*容器的大小并提供.span6对最小宽度进行分类 - 这样当容器的宽度不足以容纳两个{{1}}元素时，第二个被强制在第一个元素之下。