在Bootstrap中，为什么无效反馈类会增加输入的宽度？

Question

我的JSFiddle在这里：

https://jsfiddle.net/jdpzh1g8/

并显示如下：

当我删除此代码时：

<div class="invalid-feedback"><i class="fa fa-exclamation-circle fa-fw"></i>Some message about date
</div>

我的输入范围变窄：

即使消息的大小（“一些有关日期的消息”）甚至不占输入长度的一半。

我希望我的输入始终是更窄的尺寸。

如何阻止无效反馈类增加输入的大小？

Answer 1

所以我做了一些研究，invalid-feedback并不是很好。因此，我改用text-danger。这样比较容易，问题也就更少了。这是我的fiddle。希望这对你来说还可以：）