如何使用Twitter Bootstrap v3.0构建两列流体布局

Question

由于bootstrap删除了v3.0中的* fluid css类，我找不到构建双列流体布局的方法。目标是在旧的文档中实现类似于Fluid Layout示例的布局：  http://getbootstrap.com/2.3.2/scaffolding.html#layouts

Answer 1

Bootstrap 3中的网格现在默认为流畅（http://getbootstrap.com/getting-started/#migration-dropped）。您只需使用.row和.container ..

<div class="container">
    <div class="row">
        <div class="col-md-2">
            Sidebar content
        </div>
        <div class="col-md-10">
            Body content
        </div>
    </div>
</div>

然而，这不是100％宽度。如果你想要100％的宽度，你可以做这样的事情...... http://www.bootply.com/86324

更新： 3.0.1及更高版本使用container-fluid获取全宽。