网页在移动屏幕上显示白色右边距。如何删除此白边？

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网格的边距和填充不符合您的需要，您可以覆盖它，但首先您应该了解它是如何工作的，考虑到您应该对所有分辨率进行更改。