Skip to content

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.

Nametypedefaultdescription
animationbooleantrueapply a css fade transition to the tooltip
placementstring | function'top'how to position the tooltip - top | bottom | left | right
selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
titlestring | function''default title value if `title` tag isn't present
triggerstring'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. 

Feedback and Knowledge Base