2017-05-12 1 views
0

J'essayais d'utiliser la fonction de bascule de données, mais le code ci-dessous ne fonctionne pas. S'il vous plaît, aidez-moi à m'en sortir. J'ai utilisé les dernières liaisons bootstrap cdn. Le code est donné ci-dessous.la bascule de données ne fonctionnait pas avec les liens de bootstrap les plus récents

<html> 
<head> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
</head> 
<body> 
<div class="container"> 
<div class="row"> 
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Click</button> 
<div id="demo" class="collapse"> 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
</div> 
</div> 
</div> 
</body> 
</html> 

Répondre

1

Vous jquery besoin avant bootstrap.min.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

Demo