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

Question

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

Я использую Bootstrap 3 и добавил подсказку к моему div. Я пробовал использовать n и создать новую строку. Будет ли проблема с Бутстрапом остановить меня?

<div class="content show-tooltip" data-placement="top" 

     data-original-title="1st line of text <br> 2nd line of text">

635 2

jQuery twitter-bootstrap twitter-bootstrap-3

2 ответов:

Comments

Ничего не найдено.

Zim · Accepted Answer · 2013-09-25 13:02:51

вам нужно добавить 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

Thalles Noce · Accepted Answer · 2017-11-25 22:20:52

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

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