如何解決我的導航欄

Question

我看了其他問題，但我似乎無法修復我的導航欄中的下拉菜單。

我試圖製作一個像here那樣的下拉菜單，它位於右上角。

這是我的代碼：

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) --> 
     <a class="navbar-brand" href="#">Loveland Tigers</a> 
    </div> 

    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#">About</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Teams<b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
      <li><a href="freshman.html">Freshman</a></li> 
      <li><a href="junior_varsity.html">Junior Varsity</a></li> 
      <li><a href="varsity.html">Varsity</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Contact</a></li> 
     </ul> 
    </div><!-- /.navbar-collapse --> 
    </div><!-- /.container --> 
</nav> 

的下拉菜單顯示不出來，當我點擊小箭頭。

Answer 1

從navbar-collapse格刪除那些不必要的類：

<div class="navbar-collapse"> 
    <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#">About</a></li> 
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Teams<b class="caret"></b></a>  
      <ul class="dropdown-menu"> 
       <li><a href="freshman.html">Freshman</a></li> 
       <li><a href="junior_varsity.html">Junior Varsity</a></li> 
       <li><a href="varsity.html">Varsity</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Contact</a></li> 
    </ul> 
</div> 
<!-- /.navbar-collapse --> 

工作Fiddle。