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>