2014-03-24 232 views
0

我有一個問題,我不能讓引導下拉工作,很不確定問題是什麼。我在手機上試過了,菜單沒有下降。twitter導航下拉導航不工作

這裏是一個DEMO

代碼:

<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> 
      <a class="navbar-brand" href="#home">Norges Idrettshøgskole</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"> 
       <li><a href="#about">About</a> 
       </li> 
       <li><a href="#services">Services</a> 
       </li> 
       <li><a href="#contact">Contact</a> 
       </li> 
      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container --> 
</nav> 
+1

是否固定的工作,然後加載的jQuery瀏覽器?如果是這樣,你可以運行開發工具,看看是否有控制檯錯誤? –

+0

有趣的是,在jsfiddle工作,但不是在我的瀏覽器。我的索引頁面鏈接到js文件夾中正確的javacript文件。 – user3270211

+1

你有沒有自定義的CSS或JS腳本?你正確加載jQuery和bootstrap.js嗎? – Mathias

回答

2

根據該意見,請確保您加載bootstrap.js

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css"> 

<!-- jQuery --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

<!-- Latest compiled and minified JavaScript --> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>