定位工具提示

默认情况下,工具提示将显示在元素的顶部。我们可以使用 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