Skip to content

Add a Tooltip



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 Code

[tooltip title="tooltip example" placement="bottom"]tristique[/tooltip]

Tooltip supports many attributes, a few are listed below.

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 ( ) without the data- prefix are supported as shortcode attributes. 

Feedback and Knowledge Base