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

Question

由于 bootstrap 在 v3.0 中删除了 *fluid css 类，我找不到构建两列流体布局的方法。目标是在他们的旧文档中实现类似于流体布局示例的布局：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用于全宽。