使用图标字体时，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>

在