Add small overlay content, like those found in iOS, to any element for housing secondary information.

Popovers requires data-toggle="popover".

To add popover text, use data-content="Popovers text".

Below have options that you can use with Popovers :

Popovers options	Class	Description
Popovers Positions	data-placement	Default: top. Options are top,right,bottom,left.
Popovers Triggers	data-trigger	By default, popover triggers onhover. Trigger options are click, hover, focus & manual.
Toolbar Animation	data-animation	Default is true.
Delay Show/Hide Popovers	data-delay	Delay showing and hiding the popover (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-content text.

Refer following links for usage:

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