One click on the "Click me" button to display the 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.