Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page.
.modal-dialog to vertically center the modal.
Modals have three optional sizes, available via modifier classes to be placed on a
.modal-dialog. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports.