how to show text on hover in bootstrap code example

Example 1: bootstrap 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>

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">