Modal
Add dialogs to your site for lightboxes, user notifications, or completely custom content. Read the Official Bootstrap Documentation for a full list of instructions and other options.
Vertically Centered
Display modal in the center of the screen by adding .modal-dialog-centered to .modal-dialog.
Optional Sizes
Modals have three optional sizes, available via modifier classes to be placed on a .modal-dialog.
Change Animation
Below are different kind of effects to choose from.
Remove Animation
For modals that simply appear rather than fade in to view, remove the .fade class from your modal markup.