Bootstrap - 在调整浏览器大小时，Background会扩展100％的宽度

Question

对于我的rails应用程序，我正在使用bootstrap。当我将浏览器窗口的宽度缩小到大约900像素以下时，背景会停止扩展浏览器的整个宽度，每边大约20px的空间。我看了看这个（resizing browser does not resize div correctly - so simple what am I doing wrong?），但仍无法让它发挥作用。

问题：如何调整代码，以便在我将浏览器窗口宽度调整到X量以下时，它不会创建空间？

的application.js

//= require bootstrap

布局/ _header.html.erb

<div class = "middlebar">
  <div class="container">
    <p class="navbar-text">
        Hello World!
    </p>
  </div>
</div>

styles.css.scss

.middlebar {
  padding: 0px 0;
  text-align: left;
  background-color: #f5f5f5;
  border-top: 1px solid #fff;
  border-bottom: 2px solid #ddd;
  margin-bottom: -20px;
}

调整大小之前：

调整大小后：

Answer 1

Twitter引导程序有一个名为“responsive.css”的文件，并且媒体查询规则的宽度小于767px整个容器div获得100％宽度，并且正文得到padding-left和{{1大约20px，只需删除规则的那一行，你就会得到你想要的结果......

只是为了让您担心padding-right对手机有用，所以请在删除之前再三思考。