我想在移动视图上重新排序 Bootstrap 中的 div答案

【问题标题】：I want to re order the divs in Bootstrap on mobile view我想在移动视图上重新排序 Bootstrap 中的 div
【发布时间】：2015-07-23 20:07:21
【问题描述】：

<div class="col-lg-4 col-xs-12" style="background-color:#36F;height:150px;">First Section</div>
<div class="col-lg-8 col-xs-12" style="background-color:#F30;height:150px;">Second Section</div>

<div class="col-lg-4 col-xs-12" style="background-color:#F90;height:150px;">Third Column</div>
<div class="col-lg-8 col-xs-12 col-xs-pu11-12"style="background-color:#CF0;height:150px;">Fourth Column</div>

在移动视图上，我希望第四列应该出现在顶部，第一个列应该出现在最后

【问题讨论】：

请通过代码快照提供更多详细信息

标签： jquery html css twitter-bootstrap

【解决方案1】：

假设您使用的是最新版本的 Bootstrap，您可以使用“push”和“pull”修饰符类，如下所示：

<div class="row">
  <div class="col-md-9 col-md-push-3">
    ...
  </div>
  <div class="col-md-3 col-md-pull-9">
    ...
  </div>
</div>

资源：

http://www.getbootstrap.com/css/#grid-column-ordering

【讨论】：