2012-11-22 24 views
15

Ich verwende Google Chrome.
Mit Twitter Bootstrap möchte ich eine einfache Warnung hinzufügen, leider die alert wird nicht entlassen, wenn das x gedrückt wird!Warnmeldung mit Twitter Bootstrap funktioniert nicht?

Hier ist mein Code basiert auf alert Dokumentation:

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body>  
    <div class="alert"> 
     <button type="button" class="close" data-dismiss="alert">×</button> 
     <strong>Warning!</strong> Best check yo self, you're not looking too good. 
    </div>  
    </body> 
</html> 

Und ich auch versucht:

<!DOCTYPE html> 
    <html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
     <!-- Bootstrap --> 
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body>  
    <div class="alert"> 
     <a href="#" class="close" data-dismiss="alert">×</a> 
     <strong>Warning!</strong> Best check yo self, you're not looking too good. 
    </div>  
    </body> 
    </html> 

Was fehlt es entlassen zu machen?

+8

Nicht seltsam, da Sie bootstrap.js vergessen haben :) – davidkonrad

+2

Es funktioniert :) .... Danke :) .... Sie können es als Antwort setzen, damit ich Ihre Punkte erhöhen kann :) –

+3

Macht nichts , nur ein typischer Fehler - passiert die ganze Zeit :) – davidkonrad

Antwort

19

Dank davidkonrad 's Kommentar.
Die Lösung ist trivial, durch Zugabe von:

<script src="js/bootstrap.min.js"></script> 
+2

Eine andere Ursache könnte sein: Uncaught Error: Bootstrap's JavaScript benötigt jQuery. Dann sollte '% script {: src => '//code.jquery.com/jquery.js'}' 'hinzugefügt werden –

Verwandte Themen