Bootstrap info-bulle provoquant le saut des boutons
Lorsque je survole un bouton et que l'infobulle apparaît, les boutons sautent. Si je désactive l'info-bulle, elle ne saute pas. De plus, le bouton droit perd les bords arrondis. Comment puis-je empêcher que cela se produise?
<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 le fait fonctionner sans sauter ...
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 devrez définir l'option conteneur pour éviter les effets secondaires indésirables.
Essayez ce qui suit:
$('[rel=tooltip]').tooltip({container: 'body'});