反向网格排列？

Question

我右边有侧边栏，左边有内容：

<div class="col-md-9">
  <p>Main. At large zoom -- currently it goes to top. I want it to go to the bottom.</p>
</div>

<div class="col-md-3">
  <p>Sidebar. At large zoom -- currently it goes to bottom. I want it to go to the top.</p>
</div>

我希望侧边栏在放大时向上移动（例如 phone）。但是 bootstrap 将它发送到底部： http://www.bootply.com/nqOuCvbXZR

Bootstrap 3 个文档使用相同的布局并遇到相同的问题：例如参见 [=12=]

是否可以修改bootstrap默认排列规则？

Answer 1

首先考虑移动设备。将移动设备上的列放在第一位。并为更大的屏幕使用拉和推。

<div class="col-xs-12 col-md-push-9 col-md-3">
  <p>Sidebar. At large zoom -- currently it goes to bottom. I want it to go to the top.</p>
</div>

<div class="col-xs-12 col-md-pull-3 col-md-9">
  <p>Main. At large zoom -- currently it goes to top. I want it to go to the bottom.</p>
</div>

反向网格排列？

Reverse grid arrangment?

twitter-bootstrap-3