title: Bootstrap tooltip causing buttons to jump
body: <p>When I hover over a button and the tooltip appears, the buttons jump. If I disable the tooltip, it does not jump.  Additionally, the right button loses the rounded edges.  How can I prevent this from happening?</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
      &lt;a rel="tooltip" class="btn" href="#" data-title="View Details"&gt;&lt;i class="icon-list-alt"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;a rel="tooltip" class="btn" href="#" data-title="Delete"&gt;&lt;i class="icon-trash"&gt;    &lt;/i&gt;&lt;/a&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$('[rel=tooltip]').tooltip();
  </code></pre>
  
  <p>Working version...</p>
  
  <p><a href="http://jsfiddle.net/BA4zM/147/" rel="noreferrer">http://jsfiddle.net/BA4zM/147/</a></p>
  
  <p>Here is a website that has it working without the jumping...</p>
  
  <p><a href="http://wrapbootstrap.com/preview/WB005S479" rel="noreferrer">http://wrapbootstrap.com/preview/WB005S479</a></p>