Popovers & Tooltips

Popovers

Add small overlay content, like those found in iOS, to any element for housing secondary information. Popovers whose both title and content are zero-length are never displayed.

Popover top

Sometimes you want to add a popover to a hyperlink that wraps multiple lines. The default behavior of the popover plugin is to center it.

Popover right

Sometimes you want to add a popover to a hyperlink that wraps multiple lines. The default behavior of the popover plugin is to center it.

Popover bottom

Sometimes you want to add a popover to a hyperlink that wraps multiple lines. The default behavior of the popover plugin is to center it.

Popover left

Sometimes you want to add a popover to a hyperlink that wraps multiple lines. The default behavior of the popover plugin is to center it.

Live demo

Popovers require the tooltip plugin to be included in your version of Bootstrap.

Tooltips

Tooltips are an updated version, which don’t rely on images, use CSS3 for animations, and data-attributes for local title storage.

Live demo

For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself.