Bootstrap：在移动设备上更改全宽列的顺序

Question

我有这样的架构：

<tbody>
    <tr>...</tr>
</tbody>
<tbody>
    <tr>...</tr>
</tbody>
<tbody>
    <tr>...</tr>
</tbody>

（所有这些都有12块的宽度）

和我的HTML：

[col-1][col-2]

是否可以在xs-mobile设备上以这种方式显示？：

<div class="col-xs-12 col-md-5">1</div>
<div class="col-xs-12 col-md-7">2</div>

我试过了：

2
1

但它没有帮助（

Answer 1

将列放在移动的第一个订单中，然后使用推/拉在较大的屏幕上重新排序...

<div class="col-xs-12 col-md-5 col-md-push-7">2</div>
<div class="col-xs-12 col-md-7 col-md-pull-5">1</div>

http://codeply.com/go/PetKacoXyT

Answer 2

对于移动设备，您可以更改此顺序..

<div class="col-xs-12 col-sm-5 col-sm-push-7">2</div>
<div class="col-xs-12 col-sm-7 col-sm-pull-5">1</div>