Below is a static modal example (meaning its position and display have been overridden). Included are the modal header, modal body (required for padding), and modal footer (optional). We ask that you include modal headers with dismiss actions whenever possible, or provide another explicit dismiss action.
Modal body text goes here.
Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page.
Woohoo, you're reading this text in a modal!
Tooltips and popovers
Tooltips and popovers can be placed within modals as needed. When modals are closed, any tooltips and popovers within are also automatically dismissed.
Modals have two 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.
Via data attributes
boolean or the string 'static'
Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.