<p dir="auto">See <a href="http://jsfiddle.net/v52uW/" rel="nofollow">http://jsfiddle.net/v52uW/</a></p>
<p dir="auto">tooltip element should be placed as the last element of the body.</p>
<p dir="auto">OR</p>
<p dir="auto"><code class="notranslate">.btn-group &gt; .btn:last-child</code> =&gt; <code class="notranslate">.btn-group &gt; .btn:last-of-type</code> <a href="https://github.com/twitter/bootstrap/blob/master/less/button-groups.less#L66">ref</a><br>
<code class="notranslate">.btn-group &gt; .btn + .btn</code> =&gt; <code class="notranslate">.btn-group &gt; .btn + .tooltip + .btn</code> <a href="https://github.com/twitter/bootstrap/blob/master/less/button-groups.less#L39">ref</a></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>