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"]'
});