css - 如何使用 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 实现全宽。