Twitter Bootstrap:html地图区域的工具提示

Question

来自twiiter bootstrap的工具提示很棒,但是他们没有使用<area>标签:(我该如何修复它？

我注意到js工作,创建了tooltip元素,但它的位置是错误的..

我做了一个例子. http://jsfiddle.net/dhkFN/1/

Answer 1

我喜欢Twitter引导程序,但有些js插件在当前形式下有点简单.

结帐qTip 2 - http://qtip2.com/

是否包括图像映射在内的所有内容 - http://qtip2.com/demos/#imagemaps

你可以将输出类调整为引导类.

Answer 2

我最近不得不使用 Bootstrap 做类似的事情，并尝试让工具提示与图像地图区域一起使用，但放弃了。

我使用了 ImageMaster，它是一个用于制作图像地图的 jQuery 插件，并且具有工具提示等选项

http://www.outsharked.com/imagemapster/

https://github.com/jamietre/ImageMapster

ImageMapster 确实在 Bootstrap 的 CSS 方面存在一些问题，但作者好心地为我解决了这个问题，所以它应该工作得很好！