부트 스트랩 툴팁의 텍스트 정렬

Question

부트 스트랩 툴팁은 텍스트를 기본적으로 가운데 정렬합니다. 왼쪽으로 정렬하고 싶습니다. CSS 파일을 수정하는 대신 HTML 내에서 이렇게하는 좋은 방법이 있습니까? 여기

내 샘플 코드입니다 :

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

내가 이미 시도했지만 작동하지 않았다

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

Answer 1

당신이 하나를 시도?

또한 툴팁 제목에 HTML 코드를 포함시키지 않는 것이 좋습니다. 당신이해야 할 일은 다음과 같습니다 :

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

또한 p 단락을 참조하는 것은 나쁜 생각입니다. 대신 ID로 참조 :

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

Answer 2

을 나에게 다음 작품 잘 부트 스트랩 버전 2.2.2 :

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

업데이트 : 이것은 또한 부트 스트랩 3.3.6에서 작동합니다. 당신은 그냥 부트 스트랩 툴팁 사용하여 툴팁에 HTML을 포함 할 때 당신의 bootstrap.css (또는 bootstrap.min.css)에 다음과

Answer 3

변경, V3

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

Answer 4

에 대해서도 작동 (사용하여 데이터 HTML) 여기

코드 :

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