bootstrap 悬停触发时工具提示导致屏幕大小调整

bootstrap tooltip causing screen resizing when triggered on hover

我正在尝试在我网页上的某个元素上实现工具提示,

data-toggle="tooltip" data-html="true" title="This is my tooltip text"

问题是当我将鼠标悬停在该元素上时,工具提示首先在页面底部闪烁,这导致它调整页面大小和我的所有元素跳转,这非常令人不安。

工具提示在完全加载后表现正常,我只是想知道当我最初将鼠标悬停在元素上时是否有办法阻止它在底部闪烁。

我遇到了类似的问题,我是这样解决的:

$('body').tooltip({
    selector: '[rel=tooltip]',
    placement: 'auto',
    fallbackPlacement: 'flip',
    container: 'body'
});

container: body 部分使父元素成为主体,这对我来说消除了闪烁。