Add a Tooltip
Usage
Tooltip
The tooltip is used with a pointer. Typically the user hovers over an item and a tooltip appears—a small box with information about the item being hovered over. Tooltip is called with the [tooltip] shortcode.
Example
Example Code
[tooltip title="tooltip example" placement="bottom"]tristique[/tooltip]
Tooltip supports many attributes, a few are listed below.
Name | type | default | description |
---|---|---|---|
animation | boolean | true | apply a css fade transition to the tooltip |
placement | string | function | 'top' | how to position the tooltip - top | bottom | left | right |
selector | string | false | If a selector is provided, tooltip objects will be delegated to the specified targets. |
title | string | function | '' | default title value if `title` tag isn't present |
trigger | string | 'hover focus' | how tooltip is triggered - click | hover | focus | manual. Note you can trigger mutliple, space seperated, trigger types. |
All of the documented attributes in the bootstrap documentation (http://twitter.github.com/bootstrap/javascript.html#tooltips ) without the data- prefix are supported as shortcode attributes.