L'info-bulle d'amorçage faisant sauter les boutons

Question

Quand j'ai passez la souris sur un bouton et l'info-bulle apparaît, les boutons de saut. Si je désactive l'info-bulle, il ne saute pas. En outre, le bouton de droite perd les bords arrondis. Comment puis-je éviter cela?

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

Javascript:

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

Version de travail...

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

Voici un site web qui a travailler sans sauter...

http://wrapbootstrap.com/preview/WB005S479

Answer 1

Pour éviter le saut, vous devez définir l'attribut conteneur. Ceci est documenté.

Lorsque vous utilisez des info-bulles et des popovers avec les groupes d'entrée Bootstrap, vous devez définir l'option de conteneur pour éviter les effets secondaires indésirables.

Essayez ce qui suit:

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