Bootstrap移动站点左右移动

时间:2015-03-26 20:54:27

标签: twitter-bootstrap ruby-on-rails-4 responsive-design

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

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

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

以下是它的外观:

enter image description here

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

谢谢!

1 个答案:

答案 0 :(得分:5)

尝试将CS​​S中的正文设置为:

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

我的网站上有同样的问题并修复了它。如果这不起作用,请添加

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