Twitter bootstrap 使用图标字体时引导工具提示位置不正确

我试图做到这一点，当有人在我的网站上的图标上方悬停时，图标下方会显示一个工具提示（使用引导），但工具提示的位置完全混乱

这是我的密码

<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>

我尝试过使用纯文本，效果很好，但当我使用图标字体时，工具提示的位置在右边，甚至不靠近图标字体

以下是屏幕截图：

谢谢

---

编辑：已解决

---

我今天再次遇到这个问题，并通过将工具提示属性从link标记移动到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>

之后

---

您是否为该图标添加了额外的样式？这通常不应该发生，因为工具提示使用相对位置。是的，我想我确实添加了额外的样式，我只是为这个特定的东西编写了自己的工具提示弹出窗口。。我只是将每个图标位置周围的div设置为相对，并将工具提示设置为绝对位置

<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>