Twitter引导页面右侧的空白

Question

我在使用 Twitter Bootstrap 的响应式样式表时遇到问题。该网站显示良好，没有任何问题，但无论出于何种原因，响应式平板电脑和手机在页面右侧都有这个巨大的白色间隙。它不是滚动条问题，而是巨大的白色间隙

http://i.imgur.com/JeRRRqq.png

我不相信我在这里完全改变了。没有宽度或任何东西。检查 Chrome 中的对象，看不到任何溢出宽度的东西

原文由 Lynx 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这可能有点晚了，但我发现其他答案具有误导性。

确实，行类是导致问题的原因，但那是因为它总是应该放置在容器元素内。

来自 http://getbootstrap.com/css/ ：

行必须放置在 .container（固定宽度）或 .container-fluid（全宽）中，以便正确对齐和填充。

容器元素的左右边距通常为 -15px，而行类的左右边距为 15px。两者相互抵消。如果两者之一不存在，您将看到额外的空间。

原文由 Nicola Pedretti 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

/* Hide horizontal scrollbar */
.body, .head, .row, .col {
  overflow-x: hidden;
}

这样做可以让您拥有一个粘性导航栏，但仍然可以摆脱空白！

原文由 Taylor D 发布，翻译遵循 CC BY-SA 4.0 许可协议