Twitter Bootstrap: tooltips on html map area

twitter-bootstrap tooltip area
Anton picture Anton · Jul 27, 2012 · Viewed 13.6k times · Source

Tooltips from twiiter bootstrap is great, but they didnt work with <area> tags :( How can I fix it?

I've noticed that js works, tooltip element is created, but it's position is wrong..

I've made a little example. http://jsfiddle.net/dhkFN/1/

Answer

jackmcpickle picture jackmcpickle · Oct 31, 2012

I love Twitter bootstrap but some of the js plugins are a little simple in their current form.

Checkout qTip 2 - http://qtip2.com/

Does everything including image maps - http://qtip2.com/demos/#imagemaps

and you can just adjust the output classes to the bootstrap ones.

Related questions

How do you change the width and height of Twitter Bootstrap's tooltips?

I created a tooltip using Twitter Bootstrap. The tooltip is displaying with three lines. However, I would like to display the tooltip with only one line. How do I change the width of the tooltip? Is this specific to Twitter …

Read More
Styling the arrow on bootstrap tooltips

I'm trying to style tootltips using .tooltip-inner{} But i'm having troubles cause i can't find how to style tooltip small arrow. As shown on screenshot the arrow of the tooltip is black i want to add new color on that: …

Read More
Change Twitter Bootstrap Tooltip content on click

I have a tooltip on an anchor element, that sends an AJAX request on click. This element has a tooltip (from Twitter Bootstrap). I want the tooltip content to change when the AJAX request returns successfully. How can I manipulate …

Read More