使用Bootstrap时，内联块元素之间的间隙不一致

Question

当使用Bootstrap＆＃34; btn＆＃34; -styled inline-block元素时，我之间的差距（有时3px，有时是4px）（在Chrome中查看）之间存在差异。

我知道内联块元素在它们之间有空格时会有间隙，但我之前从未遇到过不同大小的间隙。这使得无法应用传统修正，例如设置-4px负边距。

为什么会这样？

HTML：

<div class="h-wrap">
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
<a class="btn btn-default">Some</a>
</div>
<div class="h-wrap">
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
<button class="btn btn-default">Some</button>
</div>

CSS：

.h-wrap > * {
    display:inline-block;
}

实施例
http://jsfiddle.net/0tophozu/2/
http://jsfiddle.net/0tophozu/5/

---

注意：我没有寻找替代的空白解决方案 - 我只是想了解为什么差距不一致。