2012-11-22 11 views
15

Sto utilizzando Google Chrome.
Utilizzando Twitter Bootstrap, voglio aggiungere un semplice avviso, sfortunatamente il alert non si chiude quando si preme x!L'avviso di esclusione tramite Twitter Bootstrap non funziona?

Ecco il mio codice basato su alert documentazione:

<!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> 

E ho anche provato:

<!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> 

Ciò che manca per rendere respingere?

+8

Non strano, dal momento che hai completamente dimenticato bootstrap.js :) – davidkonrad

+2

Funziona :) .... Grazie :) .... Puoi metterlo come risposta in modo che io possa aumentare i tuoi punti :) –

+3

Non importa , solo un errore grossolano - si verifica sempre :) – davidkonrad

risposta

19

Grazie al commento di davidkonrad.
La soluzione è banale, con l'aggiunta di:

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

Un'altra causa potrebbe essere: Errore non rilevato: JavaScript di Bootstrap richiede jQuery. Quindi dovrebbe aggiungere '% script {: src => '//code.jquery.com/jquery.js'}' –