我有两列布局,我想在移动设备上切换顺序。
当我尝试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

最佳答案

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

<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>

关于html - 使用 bootstrap 切换列顺序,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22248024/

10-12 00:06
查看更多