Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults. Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page. Modals have two optional sizes, available via modifier classes to be placed on a modal-dialog .
Add small overlays of content, like those on the iPad, to any element for housing secondary information. Popovers whose both title and content are zero-length are never displayed. Four options are available: top, right, bottom, and left aligned.
Hover over the links below to see tooltips. Four options are available: top, right, bottom, and left aligned.