twitter-bootstrap - 使用图标字体时引导工具提示放置不正确

Question

我正在努力做到这一点，因此当有人将鼠标悬停在我网站上的图标上时，工具提示会显示在图标下方（使用引导程序），但工具提示的位置都搞砸了。

这是我的代码

<a id='notify' href="#" 
   data-toggle="tooltip" 
   data-placement="bottom" 
   data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." 
   title="" 
   data-original-title="Popover on top">
  <i class = 'icon-globe'></i>
</a>

和我的脚本

$(document).ready(function(){
        $("#notify").tooltip();
      });

我试过只使用纯文本，它工作正常，但是当我使用图标字体时，我的工具提示的位置在右边，甚至不靠近图标字体

这是一个屏幕截图：

谢谢

---

编辑：已解决

---

我今天再次遇到这个问题并通过将工具提示属性从链接标签移动到 i 标签来解决它，就像这样

前

<a id='notify' href="#" 
   data-toggle="tooltip" 
   data-placement="bottom" 
   data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." 
   title="" 
   data-original-title="Popover on top">
  <i class = 'icon-globe'></i>
</a>

后