Twitter bootstrap bootstrap3网格折叠顺序

有没有一种简单的方法来排序Bootstrap3网格中列的折叠方式

这就是我所拥有的：

<div class='row'>
<div class='col-sm-8'>
    <div class='box'>
        This will be on the left on large screens but on the bottom on smaller screens.
    </div>
</div>
<div class='col-sm-4'>
    <div class='box'>

    </div>
</div>

这将在大屏幕上位于左侧，但在小屏幕上位于底部。

---

您可以先进行移动（最小）布局，然后再进行推/拉操作以获得更大的尺寸

<div class="container">
  <div class="row">
    <div class="col-sm-4 col-sm-push-8">
        <div class="box">
            4
        </div>
    </div>
    <div class="col-sm-8 col-sm-pull-4">
        <div class="box">
            This will be on the left on large screens but on the bottom on smaller screens.
        </div>
    </div>
  </div>

4
这将在大屏幕上位于左侧，但在小屏幕上位于底部。

---

演示：

您可以先进行手机（最小）布局，然后进行推/拉操作，以获得更大的尺寸

<div class="container">
  <div class="row">
    <div class="col-sm-4 col-sm-push-8">
        <div class="box">
            4
        </div>
    </div>
    <div class="col-sm-8 col-sm-pull-4">
        <div class="box">
            This will be on the left on large screens but on the bottom on smaller screens.
        </div>
    </div>
  </div>

4
这将在大屏幕上位于左侧，但在小屏幕上位于底部。

演示：