Bootstrap手机菜单立即折回

我需要添加手机菜单切换到990px与bootstrap v3.3.7。Bootstrap手机菜单立即折回

这改变了我的导航栏断点。但是当我点击菜单按钮时，它会显示菜单列表，并立即折回。所以点击按钮后菜单不会保持打开状态。

单击按钮后，如何才能使菜单保持打开状态？

@media (max-width: 990px) { 
    .navbar-header { 
     float: none; 
    } 
    .navbar-toggle { 
     display: block; 
    } 
    .navbar-collapse { 
     border-top: 1px solid transparent; 
     box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
    } 
    .navbar-collapse.collapse { 
     display: none!important; 
    } 
    .navbar-nav { 
     float: none!important; 
     margin: 7.5px -15px; 
    } 
    .navbar-nav>li { 
     float: none; 
    } 
    .navbar-nav>li>a { 
     padding-top: 10px; 
     padding-bottom: 10px; 
    } 
}

来源

2017-07-25 cfranco

发布导航栏HTML以及 – sn3ll

这将很容易理解，如果你能提供小提琴或片段... –

是的，你可以看到https://jsfiddle.net/gemex1gv/ – cfranco

我找到了解决方案。这是需要添加下面的类：

.collapse.in{ 
    display:block !important; 
    float: left; 
    width: 100%; 
}

来源

2017-08-01 14:59:59 cfranco

从你发布的小提琴中，你应该按照bootstrap来组织它，然后按照指导原则。

来源

2017-07-28 11:59:46

谢谢尼古拉，你能举个例子吗？ – cfranco

检查此https://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse。您缺少此代码.navbar-collapse.collapse.in { display：block！important; }，最大宽度990px –

Bootstrap手机菜单立即折回

回答

相关问题