<p dir="auto">If you hover over an <code class="notranslate">&lt;a&gt;</code> with a tooltip within a <code class="notranslate">.btn-group</code> the tooltip will inserted between the <code class="notranslate">&lt;a&gt;</code> and its descendants. Because this css rule</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">doesn't apply any longer to the following <code class="notranslate">&lt;a&gt;</code> you'll see an additional grey border.</p>
<p dir="auto">It's kinda hard to explain, so just go there and watch for the second button when hovering it:<br>
<a href="http://jsfiddle.net/4MBp8/" rel="nofollow">http://jsfiddle.net/4MBp8/</a></p>
<p dir="auto">This change breaks the possibilities of having tooltips and popovers on table cells.</p>
<p dir="auto"><a class="commit-link" href="https://github.com/twbs/bootstrap/commit/88b1e44dd61afd8f08761346555521bd216ed73a#L3L1086"><tt>88b1e44</tt>#L3L1086</a></p>
<p dir="auto">Please let me know the reasoning behind the change of strategy so that I get an understanding of If I may have to change my code.</p>
<p dir="auto">Thanks</p>