工具提示未显示在 fontawesome 图标按钮上

【问题标题】：Tooltip not displaying on fontawesome icon button工具提示未显示在 fontawesome 图标按钮上
【发布时间】：2016-12-29 14:35:07
【问题描述】：

我有一个嵌套在 a 中的 fontawesome 图标，但工具提示没有弹出。

<i class="fa fa-random" title="some tooltip"></i>

风格：

i.fa {
    display: inline-block;
}

【问题讨论】：

【解决方案1】：

如果您使用的工具提示插件使用::before 伪元素，那么它会与fontawesome 冲突，因为它也使用伪元素来显示图标。

最好将您的图标包装在另一个获取工具提示类的标签中：

<span class="tooltip" title="hello world"><i class="fa fa-random"></i></span>

【讨论】：