引导程序3：使用input-group-btn

Question

使用Bootstrap 3.3.7。我有一个带有输入数字字段的表单，该表单上附加了按钮，以提供递增/递减的可单击功能。

将验证类（具有成功，具有错误）应用于表单组时，正确的绿色/红色轮廓将应用于输入组插件和输入本身。轮廓不会应用于按钮。

编辑：说明！我不是要“手动定位”这些按钮。 Bootstrap通过将.has-error / .has-success设置为.form-group，以可视方式指示有效或无效字段。但是，诸如http://1000hz.github.io/bootstrap-validator之类的Bootstrap插件将以编程方式根据验证规则检查输入，并在失败或成功时针对表单组设置.has-error / .has-success。因此，问题在于缺少一些CSS规则，当父表单组具有.has-success / .has-failure类时，这些规则会在按钮周围放置绿色/红色边框。

我已经在Google上搜索并检查了该网站，但找不到与此问题完全相关的其他任何帖子。许多带有input-group-addon的帖子，效果很好，但是没有按钮问题。显然需要一些类或东西，但不知道标准BS3会发生什么和问题。

以下内容将重现该问题：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<form>
  <div class="form-group has-feedback has-success">
    <label>Some input</label>
    <div class="input-group">
    <span class="input-group-addon">?</span>
      <input step="1" value="12" class="form-control no-webkit-spinner"
             name="somefield" type="number" max="9999" min="1" required>
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">up</button>
        <button class="btn btn-default" type="button">down</button>
      </span>
    </div>
  </div>
</form>