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

Question

目前，我正在执行以下操作以使 div 在整个宽度上拉伸：

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

在我的示例中，我将内容包装在 acontainer-fluid中以强制内容拉伸到全宽。

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

Answer 1

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

 .container {width: 100%}

Answer 2

您可以根据需要更改container样式。

.container {width: 100%}

当然，您必须进行其他更改；但是在 CSS 中所做的任何事情都可以撤消（嗯，几乎所有事情）。