<span data-toggle="modal" data-target="modal">
<a data-toggle="tooltip" data-placement="top" title="Tooltip">
Hover Me
</a>
</span>// tooltip with modal
// We can add a attribue at the data-toggle modal div like below
// <div data-toggle="modal" data-bs-tooltip="tooltip" placement="top" ....></div>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-tooltip="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
});