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

Question

我有这样的架构：

[col-1][col-2]

（所有它们的宽度为12个块）

和我的HTML：

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

在xs-mobile设备上显示这样的方式是否可能？

2
1

我尝试了如下：

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

但这并没有帮助到它。

- brabertaser19

---

将它们放在移动设备上，然后应用拉-推即可[链接]（http://stackoverflow.com/questions/26466407/twitter-bootstrap-column-re-ordering-for-full-width-divs/26466793#26466793） - tmg

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

- Zim

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>

- Minal Chauhan