bootstrap tooltip 如何调试

Question

bootstrap插件tooltip，当鼠标hover上去后会出现tooltip，鼠标移开tooltip消失，我想改变tooltip的样式，打开chrome控制台想定位到当前打开的tooltip区块，但是鼠标因为进入了控制台区域，所以tooltip消失了，我想问一下怎么可以一直看到tooltip，在我把鼠标移入控制台的时候？

Answer 1

1、用bootstrap提供的方法：$('#element').tooltip('show')让tooltip显示出来,如下图：

2、再审查元素选中tooltip,修改样式。

Answer 2

审核元素 找到你的元素右键 找到 :hover选项点击 就可以了

Answer 3

在js中添加bootstrap tooltip延迟显示属性如下，这样提示框你想显示多久都行。在ctrl+shift+c进入页面调试就可以查看该插件的html与css属性。

$('[data-toggle="tooltip"]').tooltip(

        {
        delay:
        { show: 100, hide: 100000 }

}