twitter-bootstrap - bootstrap 4，输入与选择的高度不同

Question

有人可以说明为什么会发生这种情况

<div class="row">
    <div class="col-xs-6">
        <div class="form-group">
            <input type="text" class="form-control form-control-sm" />
        </div>
    </div>
    <div class="col-xs-6">
        <div class="form-group">
            <select class="form-control form-control-sm">
                <option>select</option>
            </select>
        </div>
    </div>
</div>

当它在任何浏览器上呈现时，引导程序 4. 输入的高度比选择多 3 个像素。谢谢

Answer 1

如您所知，Bootstrap 4 仍处于 alpha 阶段。这是一个已知问题： https ://github.com/twbs/bootstrap/issues/17194

自 Bootstrap 4 beta 起，此问题已得到修复，因此适用于所有最新版本。

另请注意，这col-xs-6只是col-6因为中-xs缀已被删除。