Grid 在小型设备引导4中重新排序列

Grid 在小型设备引导4中重新排序列,grid,bootstrap-4,Grid,Bootstrap 4,不幸的是,Beta版中的Bootstrap会删除push-*和pull-*类,因此我不知道如何从以下位置重新排列xs和sm设备中的列: [第1栏][第2栏][第3栏] 致: [第1栏][第3栏] [第2栏] 有什么想法吗?有了新的助手类。 在HTML中放置div,使其显示在mobile中: <div class="container"> <div class="row"> <div class="col-6 col-md-4"> [co

不幸的是,Beta版中的Bootstrap会删除
push-*
pull-*
类,因此我不知道如何从以下位置重新排列xs和sm设备中的列:

[第1栏][第2栏][第3栏]

致:

[第1栏][第3栏]

[第2栏]

有什么想法吗?

有了新的助手类。 在HTML中放置div,使其显示在mobile中:

<div class="container">
  <div class="row">
    <div class="col-6 col-md-4">
      [column_1]
    </div>
    <div class="col-6 col-md-4 order-md-12">
      [column_3]
    </div>
    <div class="col-6 col-md-4 order-md-1">
      [column_2]
    </div>    
  </div>
</div>

[第1栏]
[第3栏]
[第2栏]
[column_1]将保持在第一位且无序。使用
.order-md-12
(md尺寸及以上为最后一列)和[column_2]
对[column_3]重新排序。order-md-1
(md尺寸及以上为第一列)


选中xs设备中的

(在添加列xs-*)列是一列接一列。有什么修正吗?@Knowledge没有更多的
col xs-*
,只有'col-*`。我正在更新我的答案,非常完美!谢谢