Bootstrap 移动菜单立即折叠回来答案

【问题标题】：Bootstrap mobile menu instantly collapse backBootstrap 移动菜单立即折叠回来
【发布时间】：2017-07-25 15:51:19
【问题描述】：

我需要使用 bootstrap v3.3.7 添加移动菜单切换到 990px。

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

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

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

【问题讨论】：

同时发布导航栏 html
如果能提供fiddle或者sn-p就很容易理解了...
是的，你可以看到jsfiddle.net/gemex1gv

标签： jquery css twitter-bootstrap mobile menu

【解决方案1】：

我找到了解决方案。需要添加以下类：

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

【讨论】：

【解决方案2】：

从您发布的小提琴中，您应该根据引导程序组织它，并遵循那里的指导方针。

【讨论】：

谢谢 Nikola，能给我举个例子吗？
检查这个stackoverflow.com/questions/18192082/…。您缺少此代码 .navbar-collapse.collapse.in { display: block!important; } 在最大宽度 990px 上