부트 스트랩 툴팁의 수평 오프셋 증가

Question

부트 스트랩 툴팁의 툴팁 오프셋을 쉽게 늘릴 수있는 방법이 있다면 누구에게 알 수 있습니까? 문서에는 아무 것도 없습니다. 일부 경우에는 툴팁이 대상 영역을 가리고 클릭을 방지합니다.

http://twitter.github.io/bootstrap/javascript.html#tooltips

Answer 1

이 뭔가를 시도 할 수 있습니다 ..

$("[data-toggle=tooltip]").hover(function(){ 
    $('.tooltip').css('top',parseInt($('.tooltip').css('top')) + 15 + 'px') 
}); 

이 수직 오프셋을 증가시킬 것입니다,하지만 당신은 대신에 '최고'의 '왼쪽'를 사용하는 경우 수평을 위해 일해야한다. Bootply에

맞춤 툴팁 총수 : 오른쪽 http://www.bootply.com/59977

Answer 2

이 예 오프셋 (즉 왼쪽 위치를 증가시킨다). 주의 : 강조하기 위해서만 '숨기기'지연이 추가되었습니다. 이벤트 유형을 확인하고 mouseenter 및 mouseleave에서 마우스를 올리면 시작됩니다.

$("[data-toggle=tooltip]").tooltip({delay: {hide: 1000}}); 
$("[data-toggle=tooltip]").hover(function(e){ 
    if (e.type == 'mouseenter') 
     $('.tooltip').css('left', parseInt($('.tooltip').css('left')) + 15 + 'px'); 
});