Modals

A modal window is any type of window that is a child (secondary window) to a parent window and usurps the parent's control. Webopedia - Online Tech Dictionary for IT Professionals
  1. UI Elements
  2. Modals
Bootstrap Modals

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

Default Modal

Toggle a modal by clicking the button below. It will slide down and fade in from the top of the page.

Large Modal

Modals have a large optional size, available by setting option size: 'lg' in the method open(options)

Small Modal

Modals have a small optional size, available by setting option size: 'sm' in the method open(options)

Aside

Off canvas side menu to use with Bootstrap's modal.

Up Aside

This modal slide down from the top of the page.

Left Aside

This modal slides from the left side of the page.

Down Aside

This modal slide up from the bottom of the page.

Right Aside

This modal slides from the right side of the page