錯誤的顯示下拉菜單（移動）引導

在移動設備上查看有沒有相同的下拉列表像正常屏幕。

代碼這裏：

<nav class="navbar navbar-default box-centered" role="navigation"> 
    <div class="container-fluid menu-box"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 

     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">"logo here"</a> 
    </div> 


    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav nav-justified menu" style="margin:0 auto;"> 
       <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">List ext <span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <li class="text-padding"><a href="#">something</a></li> 
      <li class="text-padding"><a href="#">other</a></li> 
      </ul> 
     </li> 

     <li class="text-padding"><a href="#">Two</a></li> 
     <li class="text-padding"><a href="#">Three</a></li> 
     <li class="text-padding"><a href="#">Fouuur</a></li> 


     </ul> 
    </div><!-- /.navbar-collapse --> 
    </div><!-- /.container-fluid --> 
</nav>

我的班從樣式表中這些元素： http://pastebin.com/HUUShLNQ

我想菜單看起來像這樣，每一個元素下一篇：你能不能幫我解決這個？

來源

2016-01-23 Karol Jankiewicz

你沒有描述你問題！ – innoSPG

對不起，我被編輯後 –

任何鏈接到在線版本？ – Trix

檢查此琴： https://jsfiddle.net/1ummyodw/1/

您已經刪除導航欄，導航類從導航UL因此，如果您添加，這將工作，更新HTML片段：

<nav class="navbar navbar-default box-centered" role="navigation"> 
     <div class="container-fluid menu-box"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 

      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">"logo here"</a> 
     </div> 


     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav nav-justified menu" style="margin:0 auto;"> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">List ext <span class="caret"></span></a> 
       <ul class="dropdown-menu text-center" role="menu"> 
       <li class="text-padding"><a href="#">something</a></li> 
       <li class="text-padding"><a href="#">other</a></li> 
       </ul> 
      </li> 

      <li class="text-padding"><a href="#">Two</a></li> 
      <li class="text-padding"><a href="#">Three</a></li> 
      <li class="text-padding"><a href="#">Fouuur</a></li> 


      </ul> 
     </div><!-- /.navbar-collapse --> 
     </div><!-- /.container-fluid --> 
    </nav>

來源

2016-01-23 07:44:32

錯誤的顯示下拉菜單（移動）引導

回答

相關問題