Tooltip Not Displaying On Fontawesome Icon Button

I have a fontawesome icon nested inside a but the tooltip is not popping up. style: i.fa { display: inline-block

Solution 1:

If you are using a tooltip plugin that uses the ::before pseudo element then it conflicts with fontawesome because it also uses the pesudo element to display the icon.

It is best to wrap your icon inside another tag that gets the tooltip class:

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