Code modal bootstrap

Question

J'utilise twitter bootstrap js pour mettre en œuvre le modal ..... i utilisé l'exemple en ligne ..... copié le code html, css et js le code dans le violon .... mais Je ne vois aucune sortie ....

http://jsfiddle.net/nJ6Mw/

<div class="modal hide fade"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
    <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <a href="#" class="btn">Close</a> 
    <a href="#" class="btn btn-primary">Save changes</a> 
    </div> 
</div> 

Answer 1

Vous manque quelque chose pour le coup d'envoi du modal. Vous pouvez ajouter un lien pour l'ouvrir avec votre identifiant modal référencé dans l'attribut data-target, ou définir la cible href être le div modal:

<a role="button" class="btn" data-toggle="modal" data-target="#myModal">Launch demo modal</a> 

Vous pouvez utiliser javascript pour configurer votre div Modal comme cible modal , et pour l'ouvrir et le fermer aussi.

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 
... 
$('#myModal').modal(options) <-- check the bootstrap site for possible options values. 
$('#myModal').modal('show') 
$('#myModal').modal('hide') 

Pour faire ce travail, j'ai ajouté l'identifiant de myModal à votre div modal:

<div id="myModal" class="modal hide fade"> 

Ceci est d'autant que par la documentation Bootstrap. Peut-être y regarder de plus près?

Voici un violon de travail de votre exemple. J'ai ajouté les trucs boostrap comme ressources externes. http://jsfiddle.net/nJ6Mw/4/

Edit:

Ajout de l'attribut data-dismiss="modal" fera le travail de bouton de fermeture.

<a href="#" class="btn" data-dismiss="modal">Close</a>