Microsoft Edge上的Bootstrap网格系统

Question

我在Microsoft Edge和IE11上的列大小存在问题。在其他浏览器上一切正常，但在Edge和IE上，似乎列宽比它们应该的大。例如，内联表单组在Chrome上看起来很正常：

这是Edge的结果：

代码：

<div class="well">
    <h5>Address</h5>
    <div class="form-horizontal">
        <div class="form-group">
            <label for="company-address" class="col-xs-4 control-label label-left">Company name</label>
            <div class="col-xs-8">
                <input type="text" id="company" class="form-control">
            </div>
        </div>
</div>

在我使用col-*-*类的任何地方，宽度似乎都大于引导比例。因此，它们中的许多最终会垂直堆叠，因为它们不适合同一row

另一个奇怪的区别是form-control在Edge上看起来更大的高度。

可能导致此类行为的原因以及如何解决？