Pierce McGeough Pierce McGeough - 1 year ago 343
jQuery Question

Add line break to tooltip in Bootstrap 3

I am using Bootstrap 3 and added a tooltip to my div. I've tried using < br > \n and &#013; to create the new line. Would it be a problem with the Bootstrap stopping me?

<div class="content show-tooltip" data-placement="top"
data-original-title="1st line of text <br> 2nd line of text">

Answer Source

You need to add data-html="true" to the markup..

<div class="content show-tooltip" data-html="true" data-placement="top" 
     title="1st line of text <br> 2nd line of text">

Working demo: http://www.bootply.com/83099

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download