Navigation
Theme components
Form components
Apps
Other
Documentation
Default tooltips
Use the data-placement
attribute to position the tooltip on top, right, bottom or left.
Custom tooltips using primary colors
Use the data-toggle="tooltip-primary"
attribute to trigger tooltips with the primary color.
Custom tooltips using secondary colors
Use the data-toggle="tooltip-secondary"
attribute to trigger tooltips with the secondary color.
Custom tooltips using info colors
Use the data-toggle="tooltip-info"
attribute to trigger tooltips with the info color.
Custom tooltips using success colors
Use the data-toggle="tooltip-success"
attribute to trigger tooltips with the success color.
Custom tooltips using warning colors
Use the data-toggle="tooltip-warning"
attribute to trigger tooltips with the warning color.
Custom tooltips using danger colors
Use the data-toggle="tooltip-danger"
attribute to trigger tooltips with the danger color.