Bootstrap在标签中有反馈图标而不是表单字段

Question

当使用Bootstrap has-feedback图标与标签组合时，图标显示在与标签相同的水平线上，而不是在表单字段中。

当我删除<label for="bedr_naam">Bedrijfsnaam</label>时，它已正确设置。

有什么建议吗？

<div class="container">
    <div class="col-md-5">
        <div class="form-group has-warning" id="div_bedrijfsnaam">
          <label for="bedr_naam">Bedrijfsnaam</label>
          <input type="text" class="form-control" id="bedrijfsnaam" name="bedrijfsnaam" value="'.$row['bedrijfsnaam'].'" onkeyup="validate()" onclick="validate()"><span class="glyphicon glyphicon-warning-sign form-control-feedback" id="bedrijfsnaam_status">
        </div>
    </div>

Answer 1

这是documentation的示例：

<div class="form-group has-warning has-feedback">
  <label class="control-label" for="inputWarning2">Input with warning</label>
  <input type="text" class="form-control" id="inputWarning2" aria-describedby="inputWarning2Status">
  <span class="glyphicon glyphicon-warning-sign form-control-feedback" aria-hidden="true"></span>
  <span id="inputWarning2Status" class="sr-only">(warning)</span>
</div>

仔细查看，div#div_bedrijfsnaam没有has-feedback课程，label没有control-label课程