Question

我要离开这个例子：

<div class="form-group has-error has-feedback">
  <label class="control-label" for="inputError2">Input with error</label>
  <input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">
  <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
  <span id="inputError2Status" class="sr-only">(error)</span>
</div>

我发现如果省略＆lt;标签＆gt; 标记， glyphicon-remove 出现在下一行，而不是输入内部。这是什么原因？在我目前的设计中，我不想有任何标签。有什么方法可以避免标签并仍然在输入中获得glyphicon吗？

Answer 1

试试这段代码，

 <div class="form-group has-error has-feedback">
      <input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">
      <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
      <span id="inputError2Status" class="sr-only">(error)</span>
</div>

jsfiddle

我认为您只删除了<lable>开头。

如果省略label，则Bootstrap表单图标不在输入内部

1 个答案: