絕對位置 div 的 Popper.js 工具提示放置（引導程序）

Question

我正在嘗試在已經滿的 div（帶有 chartist.js 圖表）的右上角創建一個“信息”圖標。 為此，我使用了一個絕對定位的 div，其中的 span 位於其中。

<div class="position-absolute right-0" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Example Text">
    <span class="mt-2 fas fa-info-circle u-icon"></span>
</div>

不幸的是，這會導致工具提示位置（更重要的是懸停區域）低於實際圖標。

使用 bootstrap/HTML/CSS 在已經完整的 div 上添加信息圖標的最佳實踐是什么，更具體地說，解決此問題的最佳/最簡單的方法是什么？

Answer 1

將工具提示放在跨度中：

<div class="position-absolute right-0">
    <span class="mt-2 fas fa-info-circle u-icon"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Example Text"></span>
</div>