css - 我怎样才能让 Bootstrap 网格系统第二列占用两行空间

Question

我到处搜索但找不到任何方法来使用 Bootstrap 实现以下网格:http://oi60.tinypic.com/2r404rc.jpg

这篇文章很接近，但这不是我想要的:How can I get a Bootstrap column to span multiple rows?

有什么想法可以用 bootstrap 来实现吗？或者我应该搜索经典的 css 方式。

编辑:html 必须遵循此顺序

<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>

Answer 1

试试这个

<div class="row>
    <div class="col col-lg-8>
            <!-- col 1-->
        <div class="row">
            <!-- row 1-->
        </div>
        <div class="row>
            <!-- row 2-->
        </div>
    </div>
    <div class="col col-lg-4">
            <!-- col 2-->
    </div>
</div>