버튼을 점프시키는 부트 스트랩 툴팁

버튼을 점프시키는 부트 스트랩 툴팁

---

버튼 위로 마우스를 가져 가면 툴팁이 나타나면 버튼이 점프합니다. 툴팁을 비활성화하면 점프하지 않습니다. 또한 오른쪽 버튼은 둥근 모서리를 잃습니다. 이런 일이 발생하지 않도록하려면 어떻게해야합니까?

<div class="btn-group">
    <a rel="tooltip" class="btn" href="#" data-title="View Details"><i class="icon-list-alt"></i></a>
    <a rel="tooltip" class="btn" href="#" data-title="Delete"><i class="icon-trash">    </i></a>
</div> 

자바 스크립트 :

$('[rel=tooltip]').tooltip();

작동 버전 ...

http://jsfiddle.net/BA4zM/147/

다음은 점프없이 작동하는 웹 사이트입니다.

http://wrapbootstrap.com/preview/WB005S479

---

점프를 피하려면 컨테이너 속성을 설정해야합니다. 이것은 문서화되어 있습니다.

Bootstrap 입력 그룹과 함께 툴팁 및 팝 오버를 사용할 때 원하지 않는 부작용을 방지하기 위해 컨테이너 옵션을 설정해야합니다.

다음을 시도하십시오.

$('[rel=tooltip]').tooltip({container: 'body'});

참고 URL : https://stackoverflow.com/questions/14364079/bootstrap-tooltip-causing-buttons-to-jump