您可以包装禁用的按钮并将工具提示放在包装器上：

<div class="tooltip-wrapper" data-title="Dieser Link führt zu Google">
  <button class="btn btn-default" disabled>button disabled</button>
</div>

如果包装器有display:inline那么工具提示似乎不起作用。使用display:block并且display:inline-block似乎工作正常。它似乎也适用于浮动包装。

更新 这是一个更新的 JSFiddle，适用于最新的 Bootstrap (3.3.6)。感谢@JohnLehmann 建议pointer-events: none;禁用按钮。

http://jsfiddle.net/cSSUA/209/

这可以通过 CSS 来完成。“pointer-events”属性是阻止工具提示出现的原因。您可以通过覆盖引导程序设置的“指针事件”属性来获取禁用的按钮以显示工具提示。

.btn.disabled {
    pointer-events: auto;
}

如果您对复选框、文本框等的工具提示感到绝望（就像我一样），那么这里是我的 hackey 解决方法：

$('input:disabled, button:disabled').after(function (e) {
    d = $("<div>");
    i = $(this);
    d.css({
        height: i.outerHeight(),
        width: i.outerWidth(),
        position: "absolute",
    })
    d.css(i.offset());
    d.attr("title", i.attr("title"));
    d.tooltip();
    return d;
});

工作示例：http : //jsfiddle.net/WB6bM/11/

就其value而言，我相信禁用表单元素的工具提示对用户体验非常重要。如果你阻止某人做某事，你应该告诉他们原因。

这是一些工作代码：http : //jsfiddle.net/mihaifm/W7XNU/200/

$('body').tooltip({
    selector: '[rel="tooltip"]'
});

$(".btn").click(function(e) {
    if (! $(this).hasClass("disabled"))
    {
        $(".disabled").removeClass("disabled").attr("rel", null);

        $(this).addClass("disabled").attr("rel", "tooltip");
    }
});

这个想法是将工具提示添加到带有selector选项的父元素，然后rel在启用/禁用按钮时添加/删除属性。

基于Bootstrap 4

禁用元素 具有禁用属性的元素不具有交互性，这意味着用户无法聚焦、悬停或单击它们以触发工具提示（或弹出框）。作为解决方法，您需要从包装器或 触发工具提示，理想情况下使用 tabindex="0" 使键盘可聚焦，并覆盖禁用元素上的指针事件。

<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled tooltip">
  <button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Disabled button</button>
</span>

此处的所有详细信息：Bootstrap 4 文档