Bootstrap 4列排序

Question

所以，我有3列{sm-2，sm-7，sm-3}，我一直在尝试改变手机的顺序，像这样{sm-7 (在顶部)，sm-2，sm-3}。我试着像这样拉出sm-7和推送sm 2：

 col-xs-pull-2 on sm7  
 col-xs-push-7 on sm2

我也试过这样排序，

col-order-xs-1`   (on sm7)  
col-order-xs-2- 
col-order-xs-3

这也不管用。

我还尝试了order-first和order-last类，但没有成功。我错过了什么？

Answer 1

我更改了html元素的顺序，如下所示: sm7 sm2 sm3。然后，我在相应的列上使用order-sm-1，order-sm-2，order sm-3更改了大屏幕上的顺序(sm+)，它起作用了:D

Answer 2

你需要这样的东西吗？

<div class="container">
  <div class="row">
    <div class="col-12 col-sm-2 order-sm-2">A</div>
    <div class="col-12 col-sm-7 order-sm-1">B</div>
    <div class="col-12 col-sm-3 order-sm-3">C</div>
  </div>
</div>