Căn chỉnh văn bản trong chú giải công cụ bootstrap

Question

Mẹo công cụ khởi động căn chỉnh văn bản ở giữa theo mặc định. Tôi muốn căn chỉnh sang bên trái. Có cách nào tốt đẹp để làm điều này trong HTML, thay vì sửa đổi tập tin CSS?

Đây là mẫu mã của tôi:

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

Tôi đã cố gắng nhưng nó đã không làm việc:

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

Answer 1

bạn đã thử này?

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

Ngoài ra, tôi không nghĩ rằng bao gồm mã HTML trong tiêu đề chú giải công cụ. Những gì bạn nên làm là:

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

Cũng đề cập đến đoạn bằng p là một ý tưởng tồi, vì bạn có thể có nhiều trong số chúng trong tài liệu của bạn. Tham khảo bởi một id thay vì:

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

Answer 2

Đối với tôi trong Bootstrap phiên bản 2.2.2 các công việc sau tốt:

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

Cập nhật: Đây cũng hoạt động trong Bootstrap 3.3.6.

Answer 3

Thay đổi sau trong bootstrap.css của bạn (hoặc bootstrap.min.css), công trình còn cho v3

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

Answer 4

khi bạn muốn bao gồm trong html tooltip chỉ sử dụng tooltip bootstrap (sử dụng dữ liệu html)

đây mã:

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