HTML

bootstrap button tooltip

<!-- Bootstrap button Tooltip 
You can look here for in depth info: 
https://getbootstrap.com/docs/4.0/components/tooltips/

OR use the below example : -->
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
  Tooltip on top
</button>

Bootstrap tooltip

<a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">Hover</a>

tooltip bootstrap events

$('#myTooltip').on('hidden.bs.tooltip', function () {
  // do something…
})