Добавить разрыв строки в подсказку в 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  

2 ответов:

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

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

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

Comments

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