From Foundation
Jump to navigation Jump to search


Use the JavaScript modal plugin to add dialogues to your site for lightboxes, user notifications, or completely custom content.

Launch demo modal
<div type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop">Launch demo modal</div>
<div class="modal fade" "modal fade" id="staticBackdrop" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">My Modal</h5>
<div type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></div>
<div class="modal-body">
<p>Woohoo, you're reading this text in a modal!</p>
<p>Can pretty much any feature inside the modal, give it a try?</p>
<div class="modal-footer">
<div type="button" class="btn btn-secondary" data-dismiss="modal">Close</div>


Please use the discussion page to ask questions.


Retrieved from ‘