Html 引导4输入中的图标

我想用引导alpha 4构建一个输入搜索字段，但是我不使用glyphicon图标或字体awesom，而是使用ionicons，我更喜欢它们

问题是图标一直都在输入字段下面，我怎么能把它放在输入字段里面呢

  <div class="input-group">
    <input type="search" class="form-control">
    <span>
        <i class="ion-ios-search-strong pulse-icons "></i>
    </span>
    </div>

---

我认为有两种方法适合你

最简单的方法是给

标记一个

位置：绝对

并将其放置在输入字段上

  <div class="input-group">
    <input type="search" class="form-control">
    <span>
        <i class="ion-ios-search-strong pulse-icons "></i>
    </span>
    </div>

。输入组{
位置：相对位置；
}
.输入组跨度{
位置：绝对位置；
左：160像素；
z指数：2；
顶部：2个；
光标：指针；
}

s

我认为有两种方法适合您

最简单的方法是给

标记一个

位置：绝对

并将其放置在输入字段上

  <div class="input-group">
    <input type="search" class="form-control">
    <span>
        <i class="ion-ios-search-strong pulse-icons "></i>
    </span>
    </div>

。输入组{
位置：相对位置；
}
.输入组跨度{
位置：绝对位置；
左：160像素；
z指数：2；
顶部：2个；
光标：指针；
}

s

他们的u-go

  <div class="col-xs-12">
    <div class="input-group filter-search">
      <input type="search" class="form-control" placeholder="Filter nach Namen...">
      <span>
        <i class="ion-ios-search-strong pulse-icons"></i>
      </span>
    </div>
  </div>

他们的u走

  <div class="col-xs-12">
    <div class="input-group filter-search">
      <input type="search" class="form-control" placeholder="Filter nach Namen...">
      <span>
        <i class="ion-ios-search-strong pulse-icons"></i>
      </span>
    </div>
  </div>