A modal window in HTML is a dialog box or popup that appears on top of the current page, providing additional information or interaction. It’s commonly used for displaying messages, forms, or other content without navigating away from the main page. Here’s a basic example of how to create a modal using Bootstrap:
<a class="demo-open-window" href="#demoModalWindow" data-bs-toggle="modal">Demo</a>
<div id="demoModalWindow" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal Title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>Modal Body</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>