Dieses Bootstrap-Dropdown-Menü funktioniert nicht. Aber warum?

Question

Zuerst benutzte ich normalen html, aber die Dropdown-Taste funktionierte nicht, also wechselte ich zu jfiddle, um es zu testen. Ich habe gesehen, dass der Dropdown immer noch nicht funktioniert hat.

Hier ist der 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> 

Ich verstehe nicht, warum es nicht funktionieren würde. Ich habe mir ein paar ähnliche Fragen angesehen und gesehen, dass jquery vielleicht nicht mein Problem war, also habe ich es hinzugefügt, aber es scheint immer noch zu funktionieren. Kann jemand helfen?

Answer 1

Hier ist ein funktionierendes Geige mit bootstrap.min.js und 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

Hit F12 auf Ihrer Tastatur, um die Entwickler-Konsole zu sehen, haben Sie einen Javascript-Fehler:

Error: Bootstrap's JavaScript requires jQuery

Stellen Sie sicher, jQuery vor Bootstrap js Dateien sind inklusive.