如何在bootstrap中切换两列的位置

Question

我试图使用bootstrap实现一个三列网站，并且有

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

在移动视图中查看此布局时，它就像这样

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

所以我想用[main-content]

切换[left-sidebar]的位置

[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>