Twitter bootstrap 3 如何使用push and pull在小屏幕上更改3个引导列的顺序？

我有3列使用引导

<div class="row">
   <div class="col-md-3">1</div>
   <div class="col-md-5">2</div>
   <div class="col-md-4">3</div>
</div>

1.
2.
3.

它们在大中型时看起来是这样的：

我希望它们在小尺寸和x-小尺寸下显示如下：

我试着用推拉法

<div class="row">
    <div class="col-md-3">1</div>
    <div class="col-md-5 col-sm-push-4">2</div>
    <div class="col-md-4 col-sm-pull-5">3</div>
</div>

1.
2.
3.

但小规模的结果是： 订单在中大号而不是小号时更改

我的代码：

1.
2.
3.

在这种情况下，从手机开始

1.
3.
2.

我想将PC上的订单从1,2,3更改为手机上的1,3,2，就像第二张附加图像一样，非常感谢。我使用bootstrap已经三年了，这是我第一次知道如果我从移动开始，结果会改变。你的代码和我想要的完全一样。我在一次引导讲座上学到了这种方法，我想edx，他们只是简单地说-永远记住-首先引导移动，所以改变更大的网格而不是更小的网格。