如何使用带图像链接的Bootstrap工具提示？

Question

I'm struggling to use Bootstrap tooltips with image links. The problem is that when the img tag is inside the a tag, the tooltip doesn't display at the correct spot and seems to flicker. When inspecting the HTML, the actual a tag is beneath the image altogether. Here's a fiddle: http://jsfiddle.net/paniwani/DUPyR/248/

Answer 1

This works:

a { display: inline-block; }

http://jsfiddle.net/DUPyR/249/