如何在移动菜单上使用twitter bootstrap时删除出现的水平滚动条

Question

请帮帮我.我设置了一个Twitter引导程序菜单,但是当我使用移动版时,会出现一个水平滚动条:

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;
}

JS填充填充/边距更改.