Can I use complex HTML with Twitter Bootstrap's Tooltip?

javascript html twitter-bootstrap-3 tooltip
sergserg picture sergserg · Dec 4, 2012 · Viewed 176.5k times · Source

If I check official documentation, I can see a property called HTML:

Name    |    Type       |    default  |    Description
----------------------------------------------------------------------------
html    |    boolean    |    false    |    Insert html into the tooltip. 
                                           If false, jquery's text method 
                                           will be used to insert content 
                                           into the dom. Use text if you're 
                                           worried about XSS attacks.

It says, "insert html into the tooltip", but the type is boolean. How can I use complex html inside a Tooltip?

Answer

George Wilson picture George Wilson · Dec 4, 2012

This parameter is just about whether you are going to use complex html into the tooltip. Set it to true and then hit the html into the title attribute of the tag.

See this fiddle here - I've set the html attribute to true through the data-html="true" in the <a> tag and then just added in the html ad hoc as an example.

Related questions

Avoid dropdown menu close on click inside

I have a Twitter Bootstrap dropdown menu. As all Twitter Bootstrap users know, the dropdown menu closes on click (even clicking inside it). To avoid this, I can easily attach a click event handler on the dropdown menu and simply …

Read More
Bootstrap navbar Active State not working

I have bootstrap v3. I use the class="active" on mynavbar and it does not switch when I press menu items. I know how to do this with jQuery and build a click function but I'm thinking this functionality should …

Read More
How to slide nav bar from left instead from top?

Bootstrap supports toggling a navbar from the top. How can I slide it from the left when the screen-size is small? For example: In the screenshot provided above, when the screen is re-sized, the navbar is toggled and slides down …

Read More