2017-05-31 78 views
1

「引導程序」下拉菜單不起作用。我嘗試了其他解決方案,但他們似乎不工作。 任何線索爲什麼。Bootstrap下拉不起作用。我嘗試了其他解決方案,但下拉菜單不起作用

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
     <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
     <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 

以下是我的腳本源代碼。

+1

'下面是我的腳本source.'哪裏是你的源頭? –

+0

這是我的源代碼[link](http://getbootstrap.com/components/#nav)在navbar部分下。 – AltBrian

+0

你的腳本源在哪裏。 – AltBrian

回答

1

這是你想要的嗎?

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 
 

 
    <head> 
 

 
    <body> 
 
     <ul class="nav nav-tabs"> 
 
     <li role="presentation" class="active"><a href="#">Home</a></li> 
 
     <li role="presentation"><a href="#">Help</a></li> 
 
     <li role="presentation" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </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 role="separator" class="divider"></li> 
 
      <li><a href="#">Separated link</a></li> 
 
      </ul> 
 
     </li> 
 
     </ul> 
 

 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
     <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
 

 
    </body> 
 

 
</html>

+0

它不起作用。我把代碼放在標題下。 – AltBrian

+0

@AltBrian ok檢查更新後的一個,並且在更新代碼後重新加載更新 –

+0

什麼是硬重載? – AltBrian