Twitter bootstrap 3 Boostrap-在第一个断点处将col-md-3拉到col-md-6上方

我有两个专栏：

<div class="col-md-9">
    ...main content here
</div>
<div class="col-md-3">
    ...sidebar content here
</div>

…这里的主要内容
…这里是侧边栏内容

我希望

col-md-3

位于右侧，直到第一个断点，然后在较小的视口中位于顶部。我玩了推拉栏的游戏，但不知道如何正确显示。请告知。

这样就可以了

我们的想法是，最高级别的选手总是会在上面突破。因为我们希望顶部div位于正确的位置，所以我们将它向右推，另一列的偏移量为9。然后我们将底部div向后拉3列，将其置于左侧位置

<div class="col-md-3 col-md-push-9">
    ...sidebar content here
</div>
<div class="col-md-9 col-md-pull-3">
    ...main content here
</div>

…这里是侧边栏内容
…这里的主要内容