Popovers & Tooltips

Example

When you have some styles on a parent element that interfere with a popover, you’ll want to specify a custom container so that the popover’s HTML appears within that element instead.

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.

Basic

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

Positions

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.