jquery - 在 Bootstrap 3 中向工具提示添加换行符

Question

我正在使用 Bootstrap 3 并向我的 div 添加了一个工具提示。我试过使用 <br> \n 和 创建新行。Bootstrap阻止我会不会有问题？

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

Answer 1

您需要添加data-html="true"到标记..

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

工作演示：https ://codeply.com/p/C8083WXo5Z

Answer 2

在标题中使用此代码来换行：

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;
}