Bootstrap 3 不规则面板布局

Question

想知道如何实现如附图中所示的布局。我猜这是一堆乱七八糟的列和行，但我尝试了几种不同的方法，但似乎无法理解。除非我从错误的方向接近这个？

Answer 1

它可以通过 Bootstrap 实现，但列必须具有定义的高度..

http://codeply.com/go/5sGEBmNdMv

<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div class="row">
                <div class="col-md-12">
                </div>
                <div class="col-md-6">
                </div>
                <div class="col-md-6">
                </div>
                <div class="col-md-6">
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="row">
                <div class="col-md-12">
                </div>
                <div class="col-md-12">
                </div>
            </div>
        </div>
    </div>
</div>