可以在bootstrap中进行列交换？

Question

我是bootstrap的新手。假设我使用bootstrap创建一个3列视图，如： col1 col2 col3

我可以在移动视图中按如下方式转换此布局吗？

col2 col1 col3

这可能吗？ 原因：在桌面视图中，col 1将有广告，col2将具有内容，col 3将具有广告板。我希望内容仅在移动视图中高于所有广告。

Answer 1

检查我的链接CODEPEN

列排序是bootstrap框架的inbulit功能。有关更多信息，请访问here

示例：

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