Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

Basic Example

Toggle a modal via JavaScript by clicking the button on the right. It will slide down and fade in from the top of the page.

Large Width Example

Large Modal Size vailable by adding .modal-lg on a .modal-dialog .

Small Width Example

Small Modal Size vailable by adding .modal-sm on a .modal-dialog .

Please note: the ‘Example’ object used in the following examples simply displays a toastr notification to help illustrate when each callback is invoked.

Alert
Confirm
Prompt
Custom Dialog
Custom HTML Contents

Extends Bootstrap's native modals to provide additional functionality. Introduces a ModalManager class that operates behind the scenes to handle multiple modals by listening on their events.

Responsive
View Demo
Stackable
View Demo
AJAX (via jQuery.load)
View Demo
Static Background with Animation
View Demo
Full Width
View Demo
Long Modals
View Demo