2017-05-31 36 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

これは私のソース[リンク](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

関連する問題