twitter-bootstrap - 网页在手机屏幕上显示白色右边距。如何去除这个白边？

Question

我使用 Bootstrap 和 CSS3 创建了一个网页。然后我使用网格系统使其在所有屏幕上都能响应。但是我遇到了一个问题，当我在手机上打开它时，它在右侧显示白色边距并进行一点点水平滚动。我尝试了一切，但对我没有任何帮助。我该如何解决这个问题？

查看我的网页:https://manpreet9112.github.io/JS-website/home.html

代码:https://github.com/manpreet9112/JS-website

帮帮我。

Answer 1

哦，这是bs3的一个很常见的问题。直到你了解bootstrap网格系统的原理。你永远不应该改变 .container 的侧边距，因为 .row 内部有负边距。

修复网页所需要做的就是删除它(design.css 第 185 行):

.container{padding:10px 0;}

如果默认 Bootstrap 网格的边距和填充不符合您的需要，您可以覆盖它，但首先您应该了解它是如何工作的，并考虑到您应该针对所有分辨率进行更改。