このブートストラップボタンのドロップダウンが機能しません。しかし、なぜ？

Question

最初は通常のhtmlを使用していましたが、ドロップダウンボタンが機能しないので、jsfiddleに変更してテストしました。私はまだドロップダウンがうまくいかないことを見た。

はここにjsfiddleです：https://jsfiddle.net/ugpqxpn6/2/

<div> 

<!-- Single button --> 
<div class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Action <span class="caret"></span> 
    </button> 
    <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> 
</div> 

</div> 

それが動作しない理由を私は理解していません。私はいくつかの同様の質問を見て、おそらくjqueryを含まないことが私の問題だったので、私はそれを追加したが、それはまだ誤動作しているように見えた。誰でも助けることができますか？デベロッパーコンソールを参照するには、キーボードの

Answer 1

はかなりそれをすべて言う、作業bootstrap.min.jsとフィドルとjquery.min

https://jsfiddle.net/nrgxh5rr/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Answer 2

ヒットF12は、Javascriptエラーがあります。

Error: Bootstrap's JavaScript requires jQuery

あなたは、ブートストラップのJSファイルの前にjQueryを含めていることを確認します。ここで