当切换汉堡包按钮

Question

我在课程padding-left上删除了.navbar-collapse.collapse.in，因此导航看起来更加居中。然而，当我切换汉堡按钮时，导航栏崩溃行为奇怪。

当我在较小的视口中尝试使用引导程序navbar-collapse时，这个错误就不存在了。我知道这可能是因为我手动启用navbar-collapse以使用以下代码处理IPAD肖像：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

    .navbar-collapse.collapse {
        display: none !important;
        padding-left:0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        padding-left:0;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .navbar-nav>li {
        float:none !important;
    }
}

我在这里创建了一个类似的代码片段，可以看到类似的错误：
http://codepen.io/ngp130895/pen/ZWMQqo
如何解决这个问题？

Answer 1

因为切换时填充变为0。如果您在菜单显示时添加padding: 15px，则不会创建该jurk。

这是分叉版本 - http://codepen.io/kalpeshsingh/pen/jqvWRa

Answer 2

我自己找到了答案。我也从类navbar-collapse中删除了padding-left。

.navbar-collapse {
   padding-left:0;
}

Bootstrap虽然有点奇怪。