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.