Tooltips
Interactive Tooltip
Hover over the buttons below to see their tooltips.
Color
Hover over the buttons below to see their tooltip color: use the class primary,success, warning, info,danger .
Triggers Click
You may pass multiple triggers data-trigger="click" attribute or by setting the trigger parameter.
Animation
CSS style scale left and top transition to the tooltip when you hover the button.
Popover
Static Popover
Four directions are available: top, right, bottom, and left aligned.
Color
click over the buttons below to see their Popover color: use the class primary,success, warning, info,danger .
Triggers Click
You may pass multiple triggers data-trigger="click / hover" attribute or by setting the trigger parameter.
Animation
CSS style scale left and top transition to the popover when you click the button.
WebUI Popover
Auto Detect Placement
Auto detect the placement, always poped in page, can be contrained by horizontal or vertical.
Pop With Animation
Set animation by data-attribute or code.
Delayed show/hide
Control delay show/hide by data-attribute or code.
Advanced tools
Table in popover, larget content, async mode, iframe mode.