Wyrównywanie tekstu w etykiecie narzędzia ładowania początkowego

Question

Pasek narzędziowy Bootstrap domyślnie wyrównuje tekst do środka. Chciałbym ustawić w lewo. Czy istnieje jakiś dobry sposób robienia tego w HTML, zamiast modyfikowania pliku CSS?

Oto mój przykładowy kod:

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

Ja już próbowałem, ale to nie działa:

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

Answer 1

Czy próbowałeś tego?

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

Również nie sądzę, że uwzględnienie kodu HTML w tytule podpowiedzi. Co powinieneś zrobić:

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

Odwołanie się do akapitu po p jest złym pomysłem, ponieważ wiele z nich można znaleźć w dokumencie. Patrz przez id zamiast:

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

Answer 2

Dla mnie w wersji Bootstrap 2.2.2 oraz następujące prace:

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

Aktualizacja: To działa również w Bootstrap 3.3.6.

Answer 3

zmienić następujące w bootstrap.css (lub bootstrap.min.css), pracuje również dla v3

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

Answer 4

kiedy chcesz dołączyć HTML w dymku tylko przy użyciu bootstrap podpowiedź (używając danych html)

tutaj kod:

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