【问题标题】: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>

资源:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-18
    • 2015-08-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多