Добавить разрыв строки в всплывающую подсказку в Bootstrap 3

Я использую Bootstrap 3 и добавляю всплывающую подсказку в мой div. Я попытался использовать <br> \n и & # 013; для создания новой строки. Было бы проблемой, если бы Bootstrap остановил меня?

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

Ответы

Ответ 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">

Рабочая демонстрация: http://www.bootply.com/83099

Ответ 2

В заголовке используйте этот код, чтобы разбить строку:

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