在 Bootstrap 3中为工具提示添加换行符

我正在使用 Bootstrap 3，并在 div 中添加了一个工具提示。我尝试使用 < br > n 和 & # 013; 来创建新行。如果鞋带阻止我会有问题吗？

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

107216 次浏览

小开

最佳答案

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">

小开

In the Title use this code to break the line:

HTML

...title="- Item 1 &#013; - Item 2 &#013;"

CSS

.ui-tooltip {
/* tooltip container box */
white-space: pre-line;
}


.ui-tooltip-content {
/* tooltip content */
white-space: pre-line;
}