부트스트랩 3의 툴팁에 줄 바꿈 추가

부트스트랩 3의 툴팁에 줄 바꿈 추가

저는 부트스트랩 3을 사용하고 있고 디브에 툴팁을 추가했습니다.새 줄을 만들기 위해 <br > \n 및 &#013;을 사용해 보았습니다.부트스트랩이 나를 막는데 문제가 될까요?

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

추가할 필요가 있습니다.data-html="true"마크업까지..

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

작업 데모: https://codeply.com/p/C8083WXo5Z

제목에서 다음 코드를 사용하여 선을 그습니다.

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

언급URL : https://stackoverflow.com/questions/19001766/add-line-break-to-tooltip-in-bootstrap-3