Bootstrap的奇怪行为

Question

我制作自适应网站并在右边的小屏幕上显示空白空间。我不知道它来自何处以及如何将其删除？ Twitter Bootstrap的最新版本

Answer 1

我几乎可以保证这个问题与不正确的Bootstrap标记直接相关。

1. 确保您没有在容器内包装全宽旋转木马。 转盘已经在项目div中有适当的容器。 除非您正在执行自定义菜单，否则请勿在容器中包含标准的Bootstrap菜单。
2. 在Bootstrap站点示例中，容器位于nav元素内。

参见示例：

<nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        <img alt="Brand" src="...">
      </a>
    </div>
  </div>
</nav>

确保使用正确的网格结构。 你总是有container > row > class，如果嵌套，container > row > class > row > class（或container-fluid），因为嵌套类需要在行内。该行抵消了容器填充。