如何防止崩溃bootstrap-3菜单



请帮忙我不需要折叠移动设备上的菜单如何防止崩溃引导程序-3菜单?我试图找到解决方案,但没有找到

<nav class="navbar navbar-default navbar-static-top">           
            <div class="navbar-header">
              <button data-target="#bs-example-navbar-collapse-6" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>               
            </div>
    <div id="bs-example-navbar-collapse-6" class="collapse navbar-collapse">                  
        <ul class="nav navbar-nav navbar-right" style='margin-right:10px;'>         
            <li><a href='/add-your-car'><img style="height:25px; opacity:0.8;" src="/img/carcash.png"><br><?=MENU_1;?></a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img src="/img/about.png"><br><?=MENU_2;?><span class="caret"></span></a>                
            </li>
            <li><a href="#" onclick='return false;' data-toggle="modal" data-target="#myModalLogin"><img src="/img/login.png"><br><?=MENU_3;?></a></li>
            <li><a id='reguser' onclick='return false;' href="#" data-toggle="modal" data-target="#myModalAuth"><img src="/img/regg.png"><br><?=MENU_4;?></a></li>
            <li>
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img src="/img/lang<?=$global_locale;?>.png"><br><?=MENU_10;?><span class="caret"></span></a>                
            </li>
         </ul>                
    </div>           
     </nav>

将此代码添加到您的css文件:

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

第四类删除了手机上的汉堡按钮。

SO 上的答案

最新更新