बूटस्ट्रैप 3

Question

में टूलटिप में लाइन ब्रेक जोड़ें I बूटस्ट्रैप 3 का उपयोग कर रहा हूं और मेरे div में टूलटिप जोड़ा है। मैंने < br> \ n और & # 013 का उपयोग करने का प्रयास किया है; नई लाइन बनाने के लिए। क्या बूटस्ट्रैप मुझे रोकने में समस्या होगी?

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

Answer 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

Answer 2

शीर्षक में लाइन तोड़ने के लिए इस कोड का उपयोग:

एचटीएमएल

...title="- Item 1 
 - Item 2 
" 

सीएसएस

.ui-tooltip { 
    /* tooltip container box */ 
    white-space: pre-line; 
} 

.ui-tooltip-content { 
    /* tooltip content */ 
    white-space: pre-line; 
}