容器 - 流体在冷的每一侧都有很少的填充物

Question

我想要一个超过100％屏幕的液体容器。问题是，bootstraps广告填充每个col，使总宽度大于100％。为每个col添加“no-padding”类可能有效，但不能成为正确的解决方案，或者？

奇怪的是，它在我的jsFiddle中正常工作。在我的项目中没有：

jsFiddle

在我的项目中：

<div id="section1">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-2">test</div>
            <div class="col-lg-2">test</div>
            <div class="col-lg-2">test</div>
            <div class="col-lg-2">test</div>
            <div class="col-lg-2">test</div>
            <div class="col-lg-2">test</div>
        </div>
    </div>
</div>

#section1 {
    max-width: 100%;
}

看起来像这样：

Answer 1

只需向container-fluid添加零填充：

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

像这样：

http://jsfiddle.net/5xWp5/3/

注意我也将它应用于右侧，因为我认为你也想要它。