html - 如何通过 Bootstrap 响应将 Center Div 堆栈放在顶部？

Question

我正在使用 Bootstrap 2.3.2 响应式布局，并尝试为一组 Div 设置两个不同的顺序。一种是全屏水平布局，另一种是垂直堆叠在较小的屏幕上。

使用这样的简单设置：

<div class="row-fluid">
    <div class="span4" id="A">
    </div>
    <div class="span4" id="B">
    </div>
    <div class="span4" id="C">
    </div>
</div>

我在全尺寸布局上水平得到 A、B、C。但是当屏幕缩小时，我希望垂直堆叠为 B、A、C。

我试过这个：

<div class="row-fluid">
    <div class="span4" id="B">
    </div>
    <div class="span4 pull-left" id="A">
    </div>
    <div class="span4" id="C">
    </div>
</div>

但是横向布局显示为 B、A、C。

我怎样才能得到A、B、C的水平布局和B、A、C的垂直布局？

Answer 1

最简单的方法是切换到 Bootstrap 3.0.0。有一些 JS 脚本可以为您重新排序元素，但在我看来，Bootstrap 的原生方式优于它们。

检查文档