更改移动设备上Bootstrap col-sm-6块的顺序

Question

我的代码如下：

<div class="row">
  <div class="col-sm-6"> First Block </div>
  <div class="col-sm-6"> Second Block </div>
</div>

这将显示设备上第二个块的第一个块，从小到超大，第一个块在移动设备上的第二个块的顶部。问题是，如果第一个块在第一个块中显示而不改变它们在HTMl文件中的顺序，那么如何在顶部显示第二个块？

Answer 1

使用像这样的推/拉类......

<div class="row">
  <div class="col-sm-6 col-sm-push-6"> First Block </div>
  <div class="col-sm-6 col-sm-pull-6"> Second Block </div>
</div>

http://www.bootply.com/128019