Tooltip

Enable everywhere

Place this code just before the closing body tag.

var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl)
})

Example

<button class="btn btn-primary" data-bs-toggle="tooltip" title="Tooltip">Tooltip</button>

Allow HTML

<button class="btn btn-primary" data-bs-toggle="tooltip" data-bs-html="true" title="<strong>HTML</strong> <em>works</em> <u>in</u> <s>here!</s>">Tooltip</button>

Positioning

<button class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">Tooltip on top</button>
<button class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<button class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="left" title="Tooltip on left">Tooltip on left</button>
<button class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right">Tooltip on right</button>