Twitter Bootstrap - 全宽背景（图片）

我目前正在进行一个项目，正在尝试很棒的 Twitter Bootstrap，包括响应式网格。除了一个问题之外，一切都运行良好。

你如何给予.container（包含网格）背景颜色？例子：

<div class="container green">
    <div class="row">
        <div class="span6">
            <p>This is a test</p>
        </div>
    </div>
    <div class="row">
        <div class="span6">
            <p>This is a test</p>
        </div>
    </div>
</div>

.green{
 background:green;
}

当我向容器添加颜色时，它会变成绿色，但在左侧留下大约 20 像素的边距。如何实现全角背景？

您看到的边际是由于以下事实.row网格系统的类部分从左侧移除 20px 以容纳span每行内的类；该类内容如下：

.row {
    margin-left: -20px;
}

你可以通过包装你的.containerdiv 与另一个具有您选择的背景颜色的容器，如下所示：

HTML

<div class="green">
    <div class="container">
        <div class="row">
            <div class="span6">
                <p>This is a test</p>
            </div>
        </div>
        <div class="row">
            <div class="span6">
                <p>This is a test</p>
            </div>
        </div>
    </div>
</div>

CSS

.green{
    background:green;
}