html - 如何删除在移动菜单上使用 Twitter Bootstrap 时出现的水平滚动条

Question

请帮帮我。我设置了一个 Twitter Bootstrap 菜单的样式，但是当我在移动版本上时出现了一个水平滚动条:

http://i.imgur.com/JRWRg9D.jpg

我能够在 jsfiddle 上重现它:

http://jsfiddle.net/mXLSk/

我正在使用它来设置移动版本的样式，但必须在某处隐藏另一种样式才能让滚动条出现。

 @media (max-width: 767px) { 
    #bs-example-navbar-collapse-1 {
        background-color: #fff;

        a {
            padding: 7px 40px;
        }
    }
 }

谢谢你的帮助。

Answer 1

.navbar-nav 使用负边距导致内容流出容器。这就是滚动条的最终原因。将其更改为正填充应该可以解决它 =)

.navbar-nav {
    margin: 0;
    padding: 7.5px 15px;
}

JSfiddle to the padding / margin change.