2016-01-06 120 views
0

請幫助 我不需要摺疊移動設備上的菜單 如何防止崩潰bootstrap-3菜單? 我試圖找到一個解決方案,但沒有找到如何防止崩潰bootstrap-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> 

回答

0

將此代碼添加到您的css文件:

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

第四類從手機中刪除漢堡按鈕。

找到答案here on SO

+0

我猜這對你有用!你能接受這個答案是否正確? – BigDropGR