如何堆叠一个大的，然后两个小的顶部，然后再一个大

Question

看看上面的图片。这就是我想要堆叠一些div的方式。我怎么能用Bootstrap做到这一点？

Answer 1

我为你创建了一个jsfiddle here。

我遵循了以下div结构：

<div class="container">
    <div class="row">
        <div class="col-xs-3">Some text</div>
        <div class="col-xs-3">
            <div class="col-xs-12">some text</div>
            <div class="col-xs-12">some text</div>
        </div>
        <div class="col-xs-6">Some text</div>
    </div>
</div>