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.
Below is the static example of the basic modal.
Display modal in the center of the screen by adding .modal-dialog-centered to .modal-dialog.
Modals have three optional sizes, available via modifier classes to be placed on a .modal-dialog.
Below are different kind of effects to choose from.
For modals that simply appear rather than fade in to view, remove the .fade class from your modal markup.