Modals
Add dialogs to your site for lightboxes, user notifications, or completely custom content.
Basic example
It will slide down and fade in from the top of the page.
Static backdrop
The modal will not close when clicking outside of it.
Scrolling long content
When modals become too long for the user’s viewport or device, they scroll independent of the page itself.
Vertically centered
The modal will show in the middle of the page instead of at the top by adding the class .modal-dialog-centered to .modal-dialog.
Toggle between modals
Toggle between multiple modals
Remove animation
Remove the .fade class from your modal markup.
