Bootstrap Tooltip Not Working with Font Awesome Icon

Question

I am using bootstrap tooltip but I cannot seem to get it to work with a font awesome icon.

I can get this to work:

Answer 1

According to Bootstrap's documentation. You have to initialize the tooltip & popover functionality.

$('[data-toggle="tooltip"]').tooltip();

By the way, you don't need the HTML elements AND the Javascript. Just one or the other. I think (not sure fully) your icon may not be working because it renders with nothing between your a tags. You could try putting a   in there.

I was able to get this to work: