2015-09-04 157 views
-1

我在twitter引導中創建了一個下拉菜單,但它似乎不起作用。 當我點擊下拉菜單時,它只是在url欄中顯示一個無效鏈接。 請幫忙!!bootstrap中的下拉菜單

這裏是我的代碼:

<!DOCTYPE html> 
<html> 
<head> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</head> 
<body> 
<nav class="navbar navbar-inverse"> 
    <ul class="nav navbar-nav"> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <span class="caret"></span></a> 

      <ul class="dropdown-menu"> 
      <li><a href="#"> Girls</a></li>   
      </ul> 

     </li> 

    </ul> 

</nav> 

</body> 
</html> 
+0

什麼鏈接它顯示?你期望它做什麼?沒有任何導航欄中的項目都有鏈接,它們都轉到#這意味着「保持在此頁面上」 – dman2306

+0

我不希望任何鏈接離開頁面。我只想讓下拉菜單在我點擊它時顯示下拉菜單。 – Ayusch

+0

基本上你已經說過「這段代碼沒有做我想做的事」,但是你沒有解釋你想做什麼。 – dman2306

回答

3

許多部件需要jQuery的正常工作,引導的。你的頁面沒有加載jQuery。地址:

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 

右上面在這裏裝載bootstrap.min.js,你應該是好去

+0

正確的看起來是錯誤原因 –

+0

謝謝!有效。解決的辦法是在所有引導鏈接上添加jquery。 – Ayusch