2013-10-19 96 views
0

我下載了bootstrap 3.0.0,但無法讓我的navbar下拉菜單正常工作......還試圖添加dropdown.js,但它不起作用。 ..無法讓我的bootstrap 3 javascript工作

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 

    <link rel="stylesheet" type="text/css" href="bootstrap/dist/css/bootstrap.css" media="screen"> 
</head> 
<body> 

     <div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li class="dropdown-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
       </ul> 
      </li> 
      </ul> 
     </div> 
     </div> 
    </div> 


    <div class="container"> 

    </div> 
    <script src="bootstrap/assets/js/jquery.js"></script> 
    <script type="text/javascript" href="bootstrap/dist/js/bootstrap.js"></script> 
</body> 
</html> 

感謝您的幫助......

  • Becouse我無法提交我的問題(太多的代碼),所以我寫這篇隨機文本,以保持碼之間的平衡和關於它的細節。
+0

你可以添加與你的'navbar'相關的每一個HTML代碼嗎? ('navbar-header','navbar-collapse','navbar-nav' ...等) – zessx

回答

1

乍一看,我會說你用於導入引導程序的腳本標記不應該使用href,你應該像jQuery那樣使用它。 <script src="bootstrap/dist/js/bootstrap.js"></script> 他們據我所知不可互換。

在我對文件進行了更改後,下拉菜單對我有用。

+0

Omg小時爲此奮鬥......謝謝:))! –