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

前端之家收集整理的这篇文章主要介绍了css3 – 如何使用Twitter Bootstrap v3.0构建两列流体布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
由于bootstrap删除了v3.0中的*流体css类,我找不到一种方法来构建一个两列流体布局。目标是在他们的旧文档中实现类似于流体布局示例的布局:
http://getbootstrap.com/2.3.2/scaffolding.html#layouts

解决方法

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全宽。

猜你在找的CSS相关文章