Bootstrap 3工具提示未呈现数据标题HTML

Question

我正在尝试创建一个登录屏幕，该屏幕上的鼠标悬停在密码字段内的图标上方，并带有引导工具提示。

一切正常，我在使用经典的工具提示进行初始化：

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});

我已将data-toggle属性添加到图标中，如下所示：

<i class="password-tooltip" data-toggle="tooltip" data-placement="bottom" data-html="true" data-title='<div class="tooltip-inner-title">{{ "LOGIN.TOOLTIP_HEADER" | translate }}</div><div class="tooltip-inner-content">{{ "LOGIN.TOOLTIP_CONTENT" | translate }}</div>'></i>

我的问题是，即使在Chrome浏览器中，工具提示也无法在Mozilla或Internet Explorer上正确呈现。我甚至都不知道该如何开始解决这个问题，因此我们将不胜感激。

Chrome：

Mozilla：