Twitter bootstrap 在一个特定宽度内拉动和推动立柱

：）

我有一个DIV[B]是col-xs-6 col-md-push-5 col-md-7。DIV[A]是col-xs-6 col-md-pull-7 col-md-5。在代码中，DIV[B]位于DIV[A]之前，因此pull/push是有意义的

它显示如下：

大型：[甲][乙]

中：[甲][乙]

小型：[乙][甲]

小X:[B][A]

我想做X-SMall[A][B]，只剩下[B][A]那么小。 我尝试了很多（推拉SM，XS），但我就是做不到。。。它总是打断其他的一个

---

我有办法做到这一点吗？：）

当然，只需先做一次，然后使用

pull-0

或

push-0

类

<div class="row">
    <div class="col-xs-6 col-sm-push-7 col-sm-5 col-lg-push-0 col-md-push-0">A</div>
    <div class="col-xs-6 col-sm-pull-5 col-sm-7 col-lg-pull-0 col-md-pull-0">B</div>
</div>

A.
B

---

当然，只要做第一个，然后使用

pull-0

或

push-0

类

<div class="row">
    <div class="col-xs-6 col-sm-push-7 col-sm-5 col-lg-push-0 col-md-push-0">A</div>
    <div class="col-xs-6 col-sm-pull-5 col-sm-7 col-lg-pull-0 col-md-pull-0">B</div>
</div>

A.
B

---

如果您想保持DIV[B]DIV[A]顺序，您必须为xs设置推/拉，为小尺寸重置推/拉，然后为md+尺寸再次设置推/拉

<div class="container">
    <div class="row">
        <div class="col-xs-6 col-xs-push-6 col-sm-push-0 col-md-push-5">
            <p>Col B</p>
        </div>
        <div class="col-xs-6 col-xs-pull-6 col-sm-pull-0 col-md-pull-7">
            <p>Col A</p>
        </div>
    </div>
</div>

B列

科拉

这里有一个

---

顺便说一句，@Skelly的答案中的

col-lg-push-0

是不必要的。

col-md-push-0

适用于lg尺寸。

如果您想保持DIV[B]DIV[A]顺序，您必须为xs设置推/拉，为小尺寸重置推/拉，然后为md+尺寸再次设置推/拉

<div class="container">
    <div class="row">
        <div class="col-xs-6 col-xs-push-6 col-sm-push-0 col-md-push-5">
            <p>Col B</p>
        </div>
        <div class="col-xs-6 col-xs-pull-6 col-sm-pull-0 col-md-pull-7">
            <p>Col A</p>
        </div>
    </div>
</div>

B列

科拉

这里有一个

---

顺便说一句，@Skelly的答案中的

col-lg-push-0

是不必要的。

col-md-push-0

适用于lg尺寸。

。非常感谢。：）明亮的非常感谢。：）