css - 使用 Twitter Bootstrap 将内容拉伸(stretch)到 100%

Question

目前我正在执行以下操作以在整个宽度上拉伸(stretch)一个 div:

<div class="container-fluid banner">
    <div class="container">
        <div class="row">
            <div class="span12">
                <img src="image.png"> 
            </div>
        </div>
    </div>
</div>

在我的示例中，我将内容包装在 container-fluid 中以强制内容拉伸(stretch)至全宽。

据我所知，Bootstrap 没有提供更好更简单的方法来将内容拉伸(stretch)到全宽，而且我的方法有一些缺点。有没有更好的方法来实现这一点？

Answer 1

如果你使用一些 css 重置，那么你必须看看你在那里用 body 标签做了什么，之后就像在使用之前所说的那样

 .container {width: 100%}