html - 我如何在多个侧边栏的移动布局上更改 Bootstrap 顺序

Question

我有一个这样的 Bootstrap 页面:

<div class="container">
<div class="row">
   <div class="col-md-3"> Left Sidebar </div>
   <div class="col-md-6"> Body </div>
   <div class="col-md-3"> Right Sidebar </div>
</div>
</div>

因此，如果我在移动设备上查看它，左侧边栏在顶部，但我希望主体在顶部。这可能吗。我尝试了推拉，但没有用。

Answer 1

根据需要将它们放在移动设备中，然后使用 col-md-pull-xx 和 col-md-push-xx

<div class="container">
   <div class="row">
      <div class="col-md-push-3 col-md-6"> Body </div>
      <div class="col-md-pull-6 col-md-3"> Left Sidebar </div>
      <div class="col-md-3"> Right Sidebar </div>
   </div>
</div>

jsfiddle