it-swarm.com.de

Fügen Sie dem Tooltip in Bootstrap 3 einen Zeilenumbruch hinzu

Ich benutze Bootstrap 3 und habe meinem div einen Tooltip hinzugefügt. Ich habe versucht, <br>\n und zu verwenden um die neue Linie zu erstellen. Wäre es ein Problem mit dem Bootstrap, der mich aufhält?

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

Sie müssen dem Markup data-html="true" hinzufügen.

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

Arbeitsdemo: http://www.bootply.com/83099

177
Zim

Verwenden Sie im Titel diesen Code, um die Zeile zu durchbrechen:

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