Html 引导输入组在加载项和输入之间1px错误对齐

我有以下html-使用引导

<div class="input-group" style="width:100px;">
    <span class="input-group-addon glyphicon glyphicon-time" ></span>
    <input type="text" class="form-control" placeholder="Time">
</div>

这会产生以下非常恼人的输出

输入和插件之间有一个非常恼人的1-2px对齐差异——我一辈子都搞不懂为什么会这样。

---

从中可以看出，我认为这种行为的原因是glyphicon类

<div class="input-group">
    <span class="input-group-addon" id="basic-addon1">
        <span class="glyphicon glyphicon-time"></span>
    </span>
    <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
</div>

---

我在第一个跨距上加了第二个跨距，它看起来很漂亮。

这个“.glyphicon”有一个顶部1 px，把它放在0中，就像

一样。glyphicon{top:0px}

我以前也有类似的问题。原因是我编译了引导sass，sass Number Precision参数设置为5。必须大于等于8才能避免该问题。如果有人正在用Sass编译引导程序，希望它能有所帮助。

我知道我之所以选择fontawesome是有原因的：）谢谢工作得很好（虽然我已经实现了它，但似乎我在另一个选择器上使用了它