Twitter Bootstrap网格，带1个大列

Question

我第一次参加Twitter Bootstrap 3，并且在网格系统方面似乎陷入困境。

在使用行时我很好，但我正在尝试实现一个简单的布局，如下图所示。

我甚至无法解决如何开始的问题！有没有人有一个jsfiddle或类似的链接，我可以看一下阅读？

Answer 1

使用此结构：

<div class="container">
    <div class="row">
        <div class="col-md-8">.col-md-8</div>
        <div class="col-md-4">
            <div class="row">
                <div class="col-md-6">.col-md-6</div>
                <div class="col-md-6">.col-md-6</div>
                <div class="col-md-6">.col-md-6</div>
                <div class="col-md-6">.col-md-6</div>
            </div>
        </div>
    </div>
</div>

基本上你创建了两列，而在第二列中你创建了一个新的网格来保存你的四个单元格。您可以更改md中的col-md-6以打破您需要的分辨率。

<强> jsFiddle example