Twitter bootstrap 为什么引导内联表单的输入比验证格式更宽

当我在bootstrap3中使用内联表单中的验证元素时，输入的宽度越来越宽

根据我的观察，正常情况是，当验证输入元素时，从输入宽度中删除30.5px，并将其填充增加30.5px，以便为glyphicon跨度提供空间。但是在内联表单中，虽然填充增加了，但输入的宽度并没有减少

以下是我正在使用的验证元素：

<div class="form-group has-success has-feedback">
    <label class="sr-only " for="exampleInputEmail2">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
    <span class="glyphicon glyphicon-ok form-control-feedback"></span>
  </div>

电子邮件地址

这里有一个Plunk来说明两种表单之间的比较（您需要使用全屏）：

我不确定这是一个引导错误还是我的html中缺少了一个类

---

感谢您的帮助。

因此，这似乎确实是表单内联类的预期行为。我真的不明白为什么这个类在窗体水平类的行为不同的时候会这样，但是ok！ 下面是我从发布的github问题中得到的解决方法

您只需添加以下css：

.form-inline .has-feedback .form-control {
  padding-right: 12px;
}

---

我猜他们是故意的。因此，文本输入空间的大小仍然相同，不会因验证而缩小。如果使用此验证功能，则很可能在每个输入中都使用此功能，因此每个输入的宽度都将相同。。如果您不想在每个输入上使用验证图标，您仍然可以为每个

。表单组
提供
反馈
类，但不包括
span
。但这只是一个猜测。嗨@Sebsemillia，这与表单水平的行为不一致，表单组的总大小保持不变，宽度从输入转移到填充。