图标未显示在输入组中

Question

我想创建一个带有文本字段和文本字段开头图标的输入组。我有以下代码，它仅显示文本字段，但我无法找出图标未出现的原因。

<div class="input-group">
  <div class="input-group-text">
      <i class="fas fa-th-list"></i>
  </div>
  <input type="text" class="form-control" id="location" placeholder="Location">
</div>

如何在占位符前创建带图标的输入组或带图标的输入？上面的代码有什么问题？

Answer 1

你可以使用form-group row

<div class="form-group row">
   <label for="staticEmail" class="col-lg-1 col-form-label"><i class="fas fa-th-list"></i></label>
    <div class="col-lg-5">
      <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
    </div>
  </div>
</div>