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