Add line break to tooltip in Bootstrap 3
Solution 1:
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: https://codeply.com/p/C8083WXo5Z
Solution 2:
In the Title use this code to break the line:
HTML
...title="- Item 1 
 - Item 2 
"
CSS
.ui-tooltip {
/* tooltip container box */
white-space: pre-line;
}
.ui-tooltip-content {
/* tooltip content */
white-space: pre-line;
}