Bootstrap

Tooltip

Bootstrap Tooltip
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip links">Links</button>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip boven">Boven</button>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip onder">Onder</button>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip rechts">Rechts</button>

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