web-dev-qa-db-fra.com

Ajouter un saut de ligne à l'infobulle dans Bootstrap 3

J'utilise Bootstrap 3 et j'ai ajouté une info-bulle à mon div. J'ai essayé d'utiliser <br>\n et pour créer la nouvelle ligne. Serait-ce un problème avec le Bootstrap m'arrêter?

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

Vous devez ajouter data-html="true" à la balise ..

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

Démo de travail: http://www.bootply.com/83099

177
Zim

Dans le titre, utilisez ce code pour rompre la ligne:

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;
}
0
Thalles Noce