使用推拉的列顺序操作

<div class="container content">
    <div class="row">
        <!--Main Content-->
        <div class="col-lg-9 col-lg-push-3">
            Main Content
        </div>
        
        <!--Sidebar-->
        <div class="col-lg-3 col-lg-pull-9">
            Sidebar
        </div>
    </div>
</div>

这会更改内置网格列的顺序。

语法:.col-md-push- *和 .col-md-pull- *。

更多:
在 Twitter 中使用 col-lg-push 和 col-lg-pull 进行列顺序操作 Bootstrap 3
Bootstrap 3:仅在较小的屏幕尺寸上推/拉列
在 Bootstrap 3 中的列排序和堆叠