how to add css style to bootstrp tooltip 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: bootstrap tooltip

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

Example 3: 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">

Example 4: bootstrap tooltip on dynamic element

$("body").tooltip({
    selector: '[data-toggle="tooltip"]'
});