Css Bootstrap 3响应性--在网格中上下移动模块

我很难想出一个方法来改变我的一些模块使用引导3网格系统的位置

这是我想要的xs屏幕的顺序（非常简单，只是堆叠在一起）

但是，在sm和更大的版本中，我想将模块4移动到模块1下方，并将模块2和3移动到模块4的右侧。这是标准引导网格可以实现的吗

例如（请注意，有两个4框只是为了说明4可能大于2和3

[       1       ]
[    4    ][  2 ]
[    4    ][  3 ]

---

我在这里尝试过：但我不知道如何向上移动第4列：（.我试着做了一些推拉操作，但是当我这样做的时候，当我使用这些操作时，我似乎无法让2/3的数据叠加在一起。

当然可以。你只需要将第二列和第三列拆分成它们自己的行。然后你就可以推拉第四列以及合并的第二列和第三列

1.
2.
3.
4.

[       1       ]
[    4    ][  2 ]
[    4    ][  3 ]

<div class="container">
    <div class="row">
        <div class="box-1 col-sm-12">1</div>
        <div class="col-sm-4 col-sm-push-8">
            <div class="row">
                <div class="box-2 col-sm-12">2</div>
                <div class="box-3 col-sm-12">3</div>
            </div>
        </div>
        <div class="box-4 col-sm-8 col-sm-pull-4">4</div>
    </div>
</div>