使用引导程序切换列顺序

Question

我有两列布局，我想在移动设备上切换订单。 当我尝试col-xs-push-12时，它不会切换列，它只会将第一列放在视线之外。

这是代码

<div class="row">
    <div class="col-sm-6 col-xs-12 col-xs-push-12">
        <h2>Title</h2>
    </div>
    <div class="col-sm-6 col-xs-12">
        Content will go here
    </div>
</div>

更新：push以外的视口显示为xs'。

Answer 1

解决方法是采用移动优先方法并执行以下操作：

<div class="row">
  <div class="col-sm-6 col-sm-push-6">
    Content will go here
  </div>
  <div class="col-sm-6 col-sm-pull-6">
    <h2>Title</h2>
  </div>
</div>