Basic

Toggle a modal by clicking the button below.

Static backdrop

Modal will not close when clicking outside it.

Scrolling long content

When modals become too long for the user’s viewport or device, they scroll independent of the page itself.

You can also create a scrollable modal that allows scroll the modal body

Vertically centered

Vertically center the modal.

Sizes

Modals have three optional sizes, available via modifier classes.

Fullscreen

Option to pop up a modal that covers the user viewport, available via modifier classes.