如何在移动设备

Question

我正在尝试更改页面上侧边栏和内容区域的顺序。

<div class="col-md-3">Sidebar</div>
<div class="col-md-9">Content</div>

我的侧边栏中有大量内容，我希望侧边栏显示在移动设备的内容区域下，而不是侧边栏下的内容。

我已经搜索过几个问题，而我似乎无法得到解决方案。

Answer 1

您可以使用col-md-pull-*和col-md-push-*类。您想直接在HTML中设置 mobile 顺序，然后使用这些类重新排列桌面，即：

<div class="col-md-9">Content</div>
<div class="col-md-3 col-md-3-pull">Sidebar</div>

Answer 2

使用该代码应该可行，但添加这些代码

  <div class="col-md-3 col-sm-12">Sidebar</div>
  <div class="col-md-9 col-sm-12">Content</div>