Allineamento del testo nel suggerimento bootstrap

Question

Il toolstrap Bootstrap allinea il testo al centro per impostazione predefinita. Mi piacerebbe allineare a sinistra. C'è un modo carino di farlo in HTML, invece di modificare il file CSS?

Ecco il mio codice di esempio:

<p rel="tooltip" title="Text in tooltip I want to align">Hover over here</p> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("p").tooltip(); 
    }); 
</script> 

ho già provato ma non ha funzionato:

<p rel="tooltip" data-html="true" title="<p align='left'>Text in tooltip</p>">Hover over here</p> 

Answer 1

Hai provato questo?

<style> 
.tooltip > p { 
    text-align:left; 
} 
</style> 

Inoltre, non penso che includendo il codice HTML nel titolo del tooltip. Che cosa si dovrebbe fare è:

$("p").tooltip({ 
    html: true, 
    title: '<p>Text in tooltip</p>' 
}); 

riferimento anche al paragrafo da p è una cattiva idea, come si potrebbe avere molti di loro nel documento. Fare riferimento da un id invece:

<p id="myparagraph"> Hover over here </p> 
$("#myparagraph") 

Answer 2

Per me in Bootstrap versione 2.2.2 le seguenti opere ben:

.tooltip-inner { 
    text-align: left; 
} 

Update: Questo funziona anche in Bootstrap 3.3.6.

Answer 3

Variazione quanto segue nel bootstrap.css (o bootstrap.min.css), funziona anche per v3

.tooltip-inner{ 
... 
text-align:center; //change to left 
... 
} 

Answer 4

quando si desidera includere html in tooltip usando solo tooltip bootstrap (utilizzando i dati-html)

qui il codice:

<span data-toggle="tooltip" data-html="true" title="<p style='text-align:left'>Hello again<br/> this is tooltop</p>">