Question

如何在输入字段中放置一个glyphicon？

<div class="form-group has-success has-feedback">
    <label class="col-sm-2 control-label" for="inputSuccess">Input with success and icon</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputSuccess">
      <span class="glyphicon glyphicon-ok form-control-feedback"></span>
    </div>
  </div>

它位于输入字段下方。

Answer 1

要显示输入旁边的标签（而不是上方），您可以使用form-horizontal。如果你像这样安排你的html，那么图标将出现在输入内：

<form class="form-horizontal" role="form">
  <div class="form-group has-success has-feedback">
    <label class="control-label col-sm-2" for="inputSuccess">Input with success</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputSuccess">
      <span class="glyphicon glyphicon-ok form-control-feedback"></span>
    </div>
  </div>
</form>

这是一个很好的例子：http://www.bootply.com/rXcXvNn1ZD

输入字段中的bootstrap glyphicon

1 个答案: