Dodaj podział wiersza do podpowiedzi w Bootstrap 3

Question

Używam Bootstrap 3 i dodałem etykietkę do mojego div. Próbowałem już używać < br> \ n i & # 013; aby utworzyć nową linię. Czy byłby problem z zatrzymaniem mnie Bootstrapa?

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

Answer 1

Trzeba dodać data-html="true" do znaczników ..

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

demo robocza: http://www.bootply.com/83099

Answer 2

w tytule użyć tego kodu, aby przełamać wiersz:

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