Modals

From Foundation
Jump to navigation Jump to search

Modals

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>
<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>
<div class="modal-footer">
<div type="button" class="btn btn-secondary" data-dismiss="modal">Close</div>
</div>
</div>
</div>
</div>

Support

Please use the discussion page to ask questions.



TOP

Retrieved from ‘https://foundationextension.com/index.php?title=Modals&oldid=333