css - Bootstrap，Roots主题-移动 View 右侧的空白

这是我的网站，
http://www.superfastgoose.com/

我已经使用根目录构建了模板，对于我自己的一生，我无法弄清楚为什么在768px以下的媒体右侧存在间隙。

最初，您看不到页面加载的差距，但是可以向右滚动。

任何帮助，将不胜感激。

最佳答案

请尝试将此CSS添加到样式表中，希望它将解决此问题：

@media (max-width: 768px) {
    .container {
         width: 90%;
    }
}

另一个解决方案是，如果使用屏幕尺寸小于768像素的设备访问网站，则只需为overflow-x: hidden定义body，如下所示：

@media (max-width: 768px) {
    body {
         overflow-x: hidden;
    }
}