如何在引导程序中切换两列的位置

Question

我正在尝试使用引导程序实现一个三栏网站，并且有

[left-sidebar] [main-content] [right-sidebar]

当在移动视图中查看此布局时，它会变成这样

[left-sidebar] 
[main-content] 
[right-sidebar]

所以我想用[left-sidebar] 切换[main-content] 的位置

[main-content]
[left-sidebar]  
[right-sidebar]

这是我使用的代码

<div class  = "row">
    <div class = "col-md-3">
        [left-sidebar]
    </div>
    <div class = "col-md-6">
        [main-content]
    </div>
    <div class = "col-md-3">
        [right-sidebar]
    </div>
</div>

Answer 1

试试这个：

<div class="row">
    <div class="col-md-6 col-md-push-3">
        [main-sidebar]
    </div>
    <div class="col-md-3 col-md-pull-6">
        [left-content]
    </div>
    <div class="col-md-3">
        [right-sidebar]
    </div>
</div>