Modals

Toggle a working modal demo by clicking the buttons below. Includes default, static backdrop and scrollable behavior.

Align your modals to the center of the viewport or use centered scrollable layouts.

Use color utility classes on .modal-header to create themed modal dialogs for different states.

Combine Bootstrap modals with Animate.css for modern entrance effects.

Flexible sizing options from small to fullscreen layouts.