twitter-bootstrap - Bootstrap : How to change the order of div in fluid-row?

Question

如何在 Bootstrap 中重新排列/交换某些流体容器/行的顺序.....

如果我们在下一页以 Bootstrap 的流体示例为例:

http://twitter.github.com/bootstrap/examples/fluid.html

他们在左侧有一个流畅的行中的侧边栏，然后在同一行中有一个英雄单位。然后是下一行的一些内容。当我们切换到移动 View /小屏幕时，它会以相同的顺序出现。但是我们怎样才能改变这个顺序。即如何在页面顶部显示最后的侧边栏和英雄单元？

Answer 1

新版 Bootstrap v3 现在支持列排序:

列排序

使用 .col-push-* and .col-pull-* 轻松更改我们内置网格列的顺序修饰符类。

 <div class="row">
  <div class="col-md-9 col-md-push-3">9</div>
  <div class="col-md-3 col-md-pull-9">3</div>
</div>

将给出以下命令:

 ----------------------------
|     3     |      9       |
----------------------------

文档:
http://getbootstrap.com/css/#grid-column-ordering