这就是我需要的：
桌面：B A.
移动：
A B
这是我的HTML：
<div class="row">
<div class="col-md-7 col-sm-7 push-md-5">
A
</div>
<div class="col-md-5 col-sm-5 pull-md-7">
B
</div>
</div>
它在移动设备上的顺序正确,但在桌面上没有.我尝试了几个指南和帮助材料,但没有运气.在大多数指南中,它们移动的是相同的列,如4或6,所以清楚地理解它有点令人困惑.
解决方法
在最新的Bootstrap v4.x中值得注意的是push- *和pull- *类已经是
replaced by的order- *类.
这意味着你的例子(和答案)：
<div class="row">
<div class="col-md-7 push-md-5">
A
</div>
<div class="col-md-5 pull-md-7">
B
</div>
</div>
变为：
<div class="row">
<div class="col-md-7 order-md-5">
A
</div>
<div class="col-md-5 order-md-7">
B
</div>
</div>