Tooltips
Basic tooltip
Basic tooltip demo that appears on hover
Hover the below button for interactive demo
Tooltip positions
Add attribute data-placement={position}
to the element
Tooltip colors
Add class tooltip-{color}
to the element
Basic popover
Basic popover demo that appears on click
Click the below button for interactive demo
Popover positions
Add attribute data-placement="{position}"
to the element
Popover top
Sed posuere consectetur est at lobortis. Aenean eu leo quam.
Popover right
Sed posuere consectetur est at lobortis. Aenean eu leo quam.
Popover bottom
Sed posuere consectetur est at lobortis. Aenean eu leo quam.
Popover left
Sed posuere consectetur est at lobortis. Aenean eu leo quam.
Popover Colors
Add attribute data-custom-class="popover-{color}"
to the element
Success
Sed posuere consectetur est at lobortis. Aenean eu leo quam.
Warning
Sed posuere consectetur est at lobortis. Aenean eu leo quam.
Danger
Sed posuere consectetur est at lobortis. Aenean eu leo quam.
Info
Sed posuere consectetur est at lobortis. Aenean eu leo quam.
Primary
Sed posuere consectetur est at lobortis. Aenean eu leo quam.