how use tooltip to fire fuction hover code example
Example 1: bootstrap 4 tooltip
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
Tooltip on top
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
Tooltip on right
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
Tooltip on bottom
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
Tooltip on left
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
Tooltip with HTML
</button>
Example 2: tooltip bootstrap
<!-- data-container="body" -> Show above all -->
<!-- data-html="true" -> Accept html -->
<!-- data-placement="right" -> Tooltip side (right,top,left,bottom) -->
<a data-container="body" data-toggle="tooltip" data-html="true" data-placement="right" title="Teste">