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


Show different contexual alert messages using modal component.


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.