Bootstrap araç ipucunda metni hizalama

Question

Bootstrap araç ipucu, metni varsayılan olarak ortasına hizalar. Sola hizalamak istiyorum. CSS dosyasını değiştirmek yerine HTML içinde bunu yapmanın herhangi bir yolu var mı? İşte

benim örnek 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> 

Daha önce de denedim ama işe yaramadı:

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

Answer 1

Eğer bu bir denediniz mi?

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

Ayrıca, ipucu başlığında HTML kodu dahil etmeyi düşünmüyorum. Ne yapmalıyım: Dokümanınızdaki bunlardan birçoğu olabilir olarak da p tarafından paragrafta atıfta

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

, kötü bir fikirdir. Bunun yerine bir kimliğe göre bakın:

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

Answer 2

Benim için aşağıdaki eserlerini de Bootstrap sürümü 2.2.2 de:

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

Güncelleme: Bu aynı zamanda Bootstrap 3.3.6 çalışır. Sadece önyükleme araç ipucu kullanarak araç ipucu html eklemek istediğiniz zaman bootstrap.css (veya bootstrap.min.css) aşağıdaki

Answer 3

Değişim, v3

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

Answer 4

için de çalışır (kullanarak veri html) burada

kodu:

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