定位工具提示

預設情況下,工具提示將顯示在元素的頂部。我們可以使用 data-placement 屬性來設定元素頂部,底部,左側或右側的工具提示的位置。

<a href="#" data-toggle="tooltip" data-placement="top" title="Top tooltip">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Bottom tooltip">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Left tooltip">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Right tooltip">Hover</a

StackOverflow 文件

我們也可以使用 data-placement="auto" 來動態重新定位工具提示。在下一個示例中,工具提示儘可能顯示在左側,否則它將顯示正確。

<a href="#" data-toggle="tooltip" data-placement="auto left" title="To the left?">Hover</a