Question

：）

我有一个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]之前，因此拉/推是有意义的。

它显示如下：

大：[A] [B]

中：[A] [B]

小：[B] [A]

X-Small：[B] [A]

我想制作X-SMall [A] [B]，只留小[B] [A]。我尝试了很多（推拉SM，XS），但我无法做到......它总是打破其中一个。

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

Answer 1

当然，只需先制作A，然后使用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>

http://codeply.com/go/wraA182sM2

Answer 2

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

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

这是CodePen example

顺便说一下，@ Skelly回答col-lg-push-0是不必要的。 col-md-push-0适用于lg大小。

以一个特定宽度拉动和推动柱子

2 个答案: