Un clic sur le bouton "Cliquez-moi" pour afficher la fenêtre modale !
Vous pouvez inclure tout type de contenu, texte et images.
La construction est simple, examinez le code de cet article:
<style type="text/css">.modal-header { padding: 15px; } .imglogo { width: 128px; } </style> <p class="textCenter"><button class="btn btn-info btn-lg" data-target="#myModal" data-toggle="modal" type="button">Cliquez-moi</button><br /> <br /> Un clic sur le bouton "Cliquez-moi" pour afficher la fenêtre modale !</p> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title">Fenêtre modale</h2> <button class="close" data-dismiss="modal" type="button">×</button></div> <div class="modal-body"> <p>Vous pouvez inclure tout type de contenu, texte et images.</p> <p class="textCenter"><img alt="logo.png" class="imglogo" src="img/logo.png" /></p> <p>La construction est simple, examinez le code de cet article.</p> </div> </div> </div> </div>
Vous pouvez modifier le contenu du code source pour l'adapter à vos besoins.