全长div不会在Bootstrap中延伸到浏览器宽度 - 非响应模板

Question

我刚刚开始使用bootstrap - 非响应式模板构建一个网站，并观察到我的全宽div（一个蓝色背景）在查看调整浏览器窗口大小时没有延伸到浏览器的完整宽度。即使我添加了width: 100%;，它也没有任何区别。请参阅随附的screngrab。

此外，如果我从主导航中删除了'navbar-fixed-top'类，那么导航背景也会以相同的方式开始运行。任何人都可以告诉我这里出了什么问题。

注意：如果我向带有容器类的任何div块添加一个完整的宽度div，那么在bootstrap模板中也会发生同样的事情。

更新 这是html代码的片段：

<div class="sub-header"> <!--div with blue background-->
  <div class="container">
    <div class="row">
      <div class="col-md-12">
          ------inner content -----
      </div>
    </div>
  </div>

和CSS代码：

.sub-header { background: #0094e0; height: 80px; border-top: 1px solid #0082c5; border-bottom: 1px solid #0082c5; }