如何使用引导(桌面/智能手机)切换列位置？

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

看看网格列重排序中的引导文档。

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

下面是一个关于如何使用列重新排序的好例子。