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

这也不起作用。

我也尝试了顺序优先和顺序最后的类，但没有成功。我想念什么？

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>

Bootstrap 4列排序

2 个答案: