ブートストラップ3のツールチップに改行を追加する

Question

私はブートストラップ3を使用しており、ツールチップを自分のdivに追加しました。私は< br> \ nと&＃013を使って試しました。新しい行を作成します。ブートストラップが私を止めてしまうのは問題だろうか？

あなたがマークアップに data-html="true"を追加する必要が

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

Answer 1

..

<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

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