부트 스트랩 툴팁에 이미지를 표시 할 수없는 이유는 무엇입니까?

Question

나는 내 웹 사이트에 부트 스트랩 프레임 워크 v3.3.0을 사용하고 있습니다.

사용자가 마우스 포인터를 아이콘 위로 가져 가면 이미지를 도구 설명으로 표시하려고합니다. 그것을 위해 나는 HTML 다음에 봉착 다음과 같이

<div class="col-sm-5"> 
    <div class="input-group"> 
    <input type="text" class="form-control" name="trans_id" id="trans_id"/> 
    <span class="input-group-addon"> 
     <a href="#" class="glyphicon glyphicon-question-sign" rel="tooltip" data-html="true" title="localhost/img/demo_img.png"></a>  
    </span> 
    </div> 
</div> 

jQuery 코드는 다음과 같습니다 I를 유혹에

$(document).ready(function() { 
    $('.input-group-addon').tooltip({ 
    selector: "a[rel=tooltip]" 
    }) 
}); 

이미지를 표시 할 수 아니에요. 이제 제목에서 언급 한 텍스트 (즉, 전체 이미지 위치 경로가 도구 설명으로 표시됩니다.)

모든 필수 CSS 및 jQuery 파일이 포함되어 있습니다.

이 점에 대해 도와주세요.

미리 감사드립니다.

Answer 1

은 HTML 매개 변수는 부울입니다, 그래서 당신은 그럼 당신은이 행해져 Yout HTML 콘텐츠를 공급하기 위해 제목을 사용할 필요가

<a data-html="true" ...etc... > 

으로 true로 설정해야합니다

<a data-html="true" title="<img src='...' />" ...etc... > 

부트 스트랩 3 문서를 이를 위해 현재 위치 :

http://getbootstrap.com/javascript/#tooltips-usage

jsfiddle 전 여기에 충분한 :

http://jsfiddle.net/sifriday/7s81L84m/