Bootstrap移动站点左右移动

Question

我使用Bootstrap创建了一个响应式网站.问题是,如果一个人滚动到任何一方,该网站随之移动.

我在我的application.html.erb中有这个:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

以下是它的外观:

在此输入图像描述

如果有人能指出我正确的方向,我会很感激.

谢谢!

Answer 1

尝试将CSS中的主体设置为:

 /*CSS*/
 body{
     width:100%;
     height:100%;
     overflow-x: hidden;
 }

在我的网站上有同样的问题并修复它.如果这不起作用添加

 <head>
     ...
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
     ...
 </head>