Css 引导列：移动设备的开关顺序？

我有一个两栏的页面：

<div class="col-md-5">
    ...
</div>

<div class="col-md-7">
    ...
</div>

...
...

---

在桌面和平板电脑屏幕上，第一个div显示在第二个div的左侧，正如我们所预期的那样。在较小的屏幕上，第一个div显示在第二个div的顶部，这也是我们所期望的。我想知道的是。。。。在较小的屏幕上，是否可以翻转这两个div的顺序，使第二个div显示在第一个div的顶部？

当然！它内置于Bootstrap版本3中，具有col-[size]-push-[cols]等类，如

在中演示，使用以下基于Bootstrap示例的代码

<div class="container-fluid">
    <div class="row">
      <div class="col-sm-9 col-sm-push-3">First on mobile, second on desktop</div>
      <div class="col-sm-3 col-sm-pull-9">Second on mobile, first on desktop</div>
    </div>
</div>

第一个在移动设备上，第二个在桌面上
第二个在移动设备上，第一个在桌面上

与此问题非常相似。过来看。谢谢完美的如果你想把它作为一个答案，我会把它标记为正确的。