Tooltips are an updated version, which don’t rely on images, use CSS3 for animations, and data-attributes for local title storage.

Tooltip requires data-toggle="tooltip".

To add tooltip text, use data-original-title="Tooltip title".

Below have options that you can use with Tooltip :

Tooltip options	Class	Description
Tooltip Positions	data-placement	Default: top. Options are top,right,bottom,left.
Tooltip Triggers	data-trigger	By default, tooltip triggers onhover. Trigger options are click, hover, focus & manual.
Toolbar Animation	data-animation	Default is true.
Delay Show/Hide Tooltip	data-delay	Delay showing and hiding the tooltip (ms) - does not apply to manual trigger type.
Pill Animations	.animated	Used animate.js, so required this class for each animation you need.
Supports HTML	data-html	If this value is true, you can use html in data-original-title text.

Refer following links for usage:

Type	URL
Bootstrap Page	https://getbootstrap.com/docs/4.1/components/tooltips/
Template Page	https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/components-tooltip.html