Tooltips & Popovers The secondary information

The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element. Activate Tooltip on any element using rel="tooltip", for placement just add tooltip-right, tooltip-bottom or tooltip-left to rel value.

Or you can use data-toggle="tooltip" to activate tooltip. Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="" (View Bootstrap Tooltip docs).

Tooltips on disabled elements require wrapper elements

To add a tooltip to a disabled or .disabled element, put the element inside of a <div> and apply the tooltip to that <div> instead.

Tooltip directions

Contextual

Popover

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

Popovers on disabled elements require wrapper elements

To add a popover to a disabled or .disabled element, put the element inside of a <div> and apply the popover to that <div> instead.

Available for contextual mode by adding data-context="primary" or other value (success, info, warning, danger and inverse)

Popover