Tooltip di avvio che fa saltare i pulsanti

Question

Quando si passa con il mouse su un pulsante e viene visualizzato il suggerimento, i pulsanti saltano. Se disattivo il tooltip, non salta. Inoltre, il pulsante destro perde i bordi arrotondati. Come posso evitare che ciò accada?

<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(); 

versione funzionante ...

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

Ecco un sito web che ha a lavorare senza il salto ...

http://wrapbootstrap.com/preview/WB005S479

Answer 1

Per evitare il salto, è necessario impostare l'attributo contenitore. Questo è documentato.

Quando si utilizzano i suggerimenti e popovers con i gruppi di ingresso Bootstrap, dovrete impostare l'opzione contenitore per evitare effetti collaterali indesiderati.

provare quanto segue:

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