Bootstrap 3.3.4行不拉伸页面的100％

Question

我刚开始使用bootstrap并设置了2行：

<div id="wrapper" class="container-fluid">

<div class="row" id="header">
    <div class="col-md-8 col-md-offset-2">
        <div id="logo">
        </div>
    </div>
</div><!--HEADER-->

<div class="row" id="heroimage">
    <div class="col-md-8 col-md-offset-2">
    </div>
</div><!--HEROIMAGE-->

</div><!--WRAPPER-->

但#heroimage行不会拉伸页面宽度的100％。它似乎在右边有15px的边距。

请参见此处的屏幕截图。红色栏是#header，蓝色是#heroimage

任何人都知道造成这种情况的原因以及如何解决？

Answer 1

嗯！发布此内容后几乎立即发现了这个问题。

我有

#heroimage{ width: 100%;}

在我的CSS中。

Bootstrap并不喜欢这样，也没有必要。