如何使用bootstrap（桌面/智能手机）切换列位置？

Question

我该怎样做？推/拉？

桌面：

智能手机：

我从这开始。

<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 text-center">
        Some Small Object
</div>
<div class="col-md-6 col-sm-12 col-xs-12 text-center">
        Some Larger Object
</div>
<div class="col-md-3 col-sm-6 col-xs-6 text-center">
        Some Small Object
</div></div>

解决方案（03-21-2016）：

<div class="row">
<div class="col-xs-6 col-md-3 text-center">
  A
</div>
<div class="col-xs-6 col-sx-push-0 col-md-3 col-md-push-6 text-center">
  C
</div>
<div class="col-xs-12 col-sx-pull-0 col-md-6 col-md-pull-3 text-center">
  B
</div></div>

Answer 1

查看Grid column reordering中的Bootstrap docs。

  

轻松更改内置网格列的顺序   .col-md-push-*和.col-md-pull-*修饰符类。

这里有关于如何使用列重新排序的good example。