<p dir="auto">In button-groups.less we have a style to stick grouped buttons together:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".btn-group &gt; .btn + .btn {
  margin-left: -1px;
}"><pre class="notranslate"><code class="notranslate">.btn-group &gt; .btn + .btn {
  margin-left: -1px;
}
</code></pre></div>
<p dir="auto">Tooltip javascript inserts div.tooltip between the buttons and the style breaks moving all buttons 1px right on mouse hover.</p>
<p dir="auto"><a href="http://jsfiddle.net/JEBdk/5/" rel="nofollow">http://jsfiddle.net/JEBdk/5/</a></p>
<p dir="auto">tooltip or popover on btn-group. the btn-group is not display correctly!<br>
the last btn have not round corners and between the btn's is a space.</p>
<p dir="auto">my suggestion, by generating the tip or popover on the end of document .</p>