引导工具提示禁用按钮firefox/chrome

Question

我尝试在禁用按钮上添加工具提示

有时可以与Firefox一起工作，有时用Chrome

http://jsfiddle.net/danq3r8n/11/

<!-- Work only with Chrome !-->
<button disabled>
    <div data-toggle="tooltip" data-placement="left" title="test">
        Disable
    </div>
</button>
<!-- Work only with Firefox !-->
<button data-toggle="tooltip" data-placement="left" title="test" disabled>
    Disable
</button>

，但我没有成功地用工具提示在Firefox和Chrome上使用Tooltip。

bootstrap工具提示有什么问题？

Answer 1

看起来这是浏览器工作方式的知道问题，在V4的文档中，他们说您应该包装按钮，请从网站上引用：

.disabled或disabled元素的工具提示必须在包装元素上触发。

v4 source

进一步挖掘后，也在V3文档中说明了

禁用元素上的工具提示需要包装元素

要将工具提示添加到禁用或.Disabled元素中，请将元素放入A内部，然后将工具提示应用于该元素。

v3 source