Bootstrap Tooltip 放置问题

Question

我在使用引导工具提示时遇到问题，我将其位置设置为“顶部”，并且我已经在用户名上实现了此工具提示，但问题是当用户名具有适当的字符长度时，它会在顶部显示工具提示，但是当字符长度更长，它在元素右侧显示工具提示，并且还包含一个间隙，看起来工具提示是在右侧元素上实现的，而不是在用户名字段上实现的。

我尝试将工具提示的放置位置更改为左，右，上，下，但它不起作用

Answer 1

从 docs 来看，当父容器具有

overflow: auto

或

overflow: scroll

时，工具提示位置会尝试自动更改，但仍保留原始放置的位置。要解决此问题，请将

boundary

选项设置为默认值

'scrollParent'

以外的任何值，例如

'window'

:

$('#example').tooltip({ boundary: 'window' })