Bootstrap

A rendered modal with header, body, and set of actions in the footer.

Alerts

Show different contexual alert messages using modal component.

Pages

Examples of modals with custom content.

Vertically Centered

By default, modals will be positioned at the top of the page, but you can change this to vertically centered by adding the .modal-dialog-centered class to the <div class="modal-dialog">...</div> element.