Comment puis-je effectuer cela? (Exemple à l'intérieur)

Question

http://dev4.catechismclass.com/ Donc, sur ce site lorsque je fais défiler vers le bas pour un élément et cliquez sur "Aperçu rapide" Une fenêtre apparaît avec plus de détails sur l'élément et si je clique sur les côtés gris, la fenêtre se ferme. Je voudrais la fonctionnalité pour mon site Web. Est-ce que vous pouvez m'indiquer dans la bonne direction comment je devrais écrire le code pour cela?

Answer 1

télécharger bootstrap de here et ajoutez le code suivant:

<button type="button" class="btn btn-info" data-toggle="modal" data-target="#JorgeModal">Open Modal</button> 

<div id="JorgeModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 

    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
     <p>All your content</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 

    </div> 
</div>