Modal windows Click me One click on the "Click me" button to display the modal window! Modal window × You can include any type of content, text and images. The construction is simple, look at the code of this 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">Click me</button><br /> <br /> One click on the "Click me" button to display the modal window!</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">Modal window</h2> <button class="close" data-dismiss="modal" type="button">×</button></div> <div class="modal-body"> <p>You can include any type of content, text and images.</p> <p class="textCenter"><img alt="logo.png" class="imglogo" src="img/logo.png" /></p> <p>The construction is simple, look at the code of this article.</p> </div> <div class="modal-footer"><button class="btn btn-danger btn-lg" data-dismiss="modal" type="button">Close</button></div> </div> </div> </div> You can modify the content of the source code to suit your needs. Creation date : 29/09/2021 @ 18:59 Category : GuppY V6 - Demos Page read 3291 times