2014-06-21 90 views
0

看來,代碼是好的,但在瀏覽器下拉菜單不起作用菜單是根本沒有下降...我已附加了JS腳本字符串以及...我不知道該怎麼辦,我無法找到問題...Bootstrap 3:修復頂欄上的下拉菜單導航欄反向不下降

感謝,

最大

<div class="row"> 
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse"> 
    <div class="container"> 
<div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="glyphicon glyphicon-arrow-down"></span>MENU</button> 
</div> 
    <div class="collapse navbar-collapse" id="collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active" class="dropdown"><a href="#" data-toggle="dropdown">Home<span  class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Last Minute</a></li> 
        <li><a href="#">News Letter</a></li> 
        <li><a href="#">Blog</a></li> 
        <li><a href="#">Privacy Policy</a></li> 
       </ul> 
      </li>      
      <li class="dropdown"><a href="#" data-toggle="dropdown">Africa<span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Info</a></li> 
        <li><a href="#">Health</a></li> 
        <li><a href="#">Flights</a></li> 
        <li><a href="#">Ferry</a></li> 
        <li><a href="#">Bus</a></li> 
        <li><a href="#">Train</a></li> 
        <li><a href="#">Overland</a></li> 
       </ul> 
      </li> 
      <li class="dropdown"><a href="#" data-toggle="dropdown">Destinations<span class="caret"></span></a> 
       <ul class="dropdown-menu">  
        <li class="dropdown"><a href="#" data-toggle="dropdown">Burundi<span class="caret"></span></a> 
         <ul class="dropdown-menu-right"> 
          <li><a href="#">Info</a></li> 
          <li><a href="#">Bujumbura</a></li> 
          <li><a href="#">Pacakges</a></li> 
          <li><a href="#">Gorilla</a></li> 
          <li><a href="#">Safaris</a></li> 
          <li><a href="#">Hotels</a></li> 
          <li><a href="#">Transfers</a></li> 
          <li><a href="#">Excursions</a></li> 
         </ul> 
        </li> 
        <li class="dropdown"><a href="#" data-toggle="dropdown">Kenya<span class="caret"></span></a> 
         <ul class="dropdown-menu-right"> 
          <li><a href="#">Info</a></li> 
          <li><a href="#">Nairobi</a></li> 
          <li><a href="#">Mombasa</a></li> 
          <li><a href="#">Pacakges</a></li> 
          <li><a href="#">Safaris</a></li> 
          <li><a href="#">Hotels</a></li> 
          <li><a href="#">Transfers</a></li> 
          <li><a href="#">Excursions</a></li> 
         </ul> 
        </li> 
        <li class="dropdown"><a href="#" data-toggle="dropdown">Rwanda<span class="caret"></span></a> 
         <ul class="dropdown-menu-right"> 
          <li><a href="#">Info</a></li> 
          <li><a href="#">Kigali</a></li> 
          <li><a href="#">Pacakges</a></li> 
          <li><a href="#">Gorilla</a></li> 
          <li><a href="#"Safaris</a></li> 
          <li><a href="#">Hotels</a></li> 
          <li><a href="#">Transfers</a></li> 
          <li><a href="#">Excursions</a></li> 
         </ul> 
        </li> 
        <li class="dropdown"><a href="#" data-toggle="dropdown">Tanzania<span class="caret"></span></a> 
         <ul class="dropdown-menu-right"> 
          <li><a href="#">Info</a></li> 
          <li><a href="#">Dar es Salaam</a></li> 
          <li><a href="#">Arusha</a></li> 
          <li><a href="#">Pacakges</a></li> 
          <li><a href="#">Safaris</a></li> 
          <li><a href="#">Kilimanjaro</a></li> 
          <li><a href="#">Hotels</a></li> 
          <li><a href="#">Transfers</a></li> 
          <li><a href="#">Excursions</a></li> 
         </ul> 
        </li> 
        <li class="dropdown"><a href="#" data-toggle="dropdown">Zambia<span class="caret"></span></a> 
         <ul class="dropdown-menu-right"> 
          <li><a href="#">Info</a></li> 
          <li><a href="#">Lusaka</a></li> 
          <li><a href="#">Zambezi River</a></li> 
          <li><a href="#">Pacakges</a></li> 
          <li><a href="#">Safaris</a></li> 
          <li><a href="#">Hotels</a></li> 
          <li><a href="#">Transfers</a></li> 
          <li><a href="#">Excursions</a></li> 
         </ul> 
        </li> 
        <li class="dropdown"><a href="#" data-toggle="dropdown">Zanzibar<span class="caret"></span></a> 
         <ul class="dropdown-menu-right"> 
          <li><a href="#">Info</a></li> 
          <li><a href="#">Stonetown</a></li> 
          <li><a href="#">Beach</a></li> 
          <li><a href="#">Pacakges</a></li> 
          <li><a href="#">Festivals</a></li> 
          <li><a href="#">Hotels</a></li> 
          <li><a href="#">Transfers</a></li> 
          <li><a href="#">Excursions</a></li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
      <li><a href="#">Gallery</a></li> 
      <li class="dropdown"><a href="#" data-toggle="dropdown">Serene<span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">About</a></li> 
        <li><a href="#">Team</a></li> 
        <li><a href="#">Services</a></li> 
        <li><a href="#">Contact</a></li> 
        <li><a href="#">Reservations</a></li> 
        <li><a href="#">Payments</a></li> 
        <li><a href="#">Admin</a></li> 
       </ul> 
      </li> 
      <li class="dropdown"><a href="#" data-toggle="dropdown">Members<span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Specials</a></li> 
        <li class="dropdown"><a href="#" data-toggle="dropdown">Rates<span class="caret"></span></a> 
         <ul class="dropdown-menu-right"> 
          <li class="dropdown"><a href="#" data=toggle="dropdown">Burundi<span class="caret"></span></a> 
           <ul class="dropdown-menu-right"> 
           <li><a href="#">Pacakges</a></li> 
           <li><a href="#">Hotels</a></li> 
           <li><a href="#">Transfers</a></li> 
           <li><a href="#">Activities</a></li> 
           </ul> 
          </li> 
          <li class="dropdown"><a href="#" data-toggle="dropdown">Kenya<span class="caret"></span></a> 
           <ul class="dropdown-menu-right"> 
           <li><a href="#">Pacakges</a></li> 
           <li><a href="#">Hotels</a></li> 
           <li><a href="#">Transfers</a></li> 
           <li><a href="#">Activities</a></li> 
           </ul> 
          </li> 
          <li class="dropdown"><a href="#" data-toggle="dropdown">Rwanda<span class="caret"></span></a> 
           <ul class="dropdown-menu-right"> 
           <li><a href="#">Pacakges</a></li> 
           <li><a href="#">Hotels</a></li> 
           <li><a href="#">Transfers</a></li> 
           <li><a href="#">Activities</a></li> 
           </ul> 
          </li> 
          <li class="dropdown"><a href="#" data-toggle="dropdown">Tanzania<span class="caret"></span></a> 
           <ul class="dropdown-menu-right"> 
           <li><a href="#">Pacakges</a></li> 
           <li><a href="#">Hotels</a></li> 
           <li><a href="#">Transfers</a></li> 
           <li><a href="#">Activities</a></li> 
           </ul> 
          </li> 
          <li class="dropdown"><a href="#" data-toggle="dropdown">Zambia<span class="caret"></span></a> 
           <ul class="dropdown-menu-right"> 
           <li><a href="#">Pacakges</a></li> 
           <li><a href="#">Hotels</a></li> 
           <li><a href="#">Transfers</a></li> 
           <li><a href="#">Activities</a></li> 
           </ul> 
          </li> 
          <li class="dropdown"><a href="#" data-toggle="dropdown">Zanzibar<span class="caret"></span></a> 
           <ul class="dropdown-menu-right"> 
           <li><a href="#">Pacakges</a></li> 
           <li><a href="#">Hotels</a></li> 
           <li><a href="#">Transfers</a></li> 
           <li><a href="#">Activities</a></li> 
           </ul> 
          </li> 
         </ul> 
        </li> 
        <li><a href="#">Admin</a></li> 
        <li><a href="#">High Resolutions Pictures</a></li> 
       </ul> 
      </li> 
     </ul>    
    </div> 
</div> 

<!-- javascript --> 

    <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script src="/dist/js/jquery-2.1.1.min.js"></script> 
    <script src="/dist/js/bootstrap.js"></script> 
    <script src="/dist/js/docs.min.js"></script> 
    <script>$(function() {$('.nav-tabs a:first').tab('show');});</script> 
    <script>$('a.btn-info').tooltip()</script> 
    <script>$('.dropdown-toggle').dropdown()</script> 

<!-- End Body --> 

回答

0

這個工程,當我把它放入帶有bootstrap-sass設置的示例rails 4應用程序時。你確定你的下拉菜單沒有打開嗎?我以前的應用程序出現了一個問題,我認爲這個應用程序並未打開,但它只是被包含的元素隱藏,而該元素被意外設置爲「overflow:hidden;」。

無論哪種方式,您發佈的代碼似乎沒有任何問題。