html - 输入组内的 Bootstrap 按钮

Question

如何让它在相同高度的输入页面后好看？

<div class="input-group">
        <input type="text" class="form-control"/>
        <button class="input-group-addon" type="submit">
            <i class="fa fa-search"></i>
        </button>
</div>

这是代码 http://jsfiddle.net/6mcxdjdr/第一个是原始输入组，第二个是我想要的东西

Answer 1

如果你关注bootstrap's documentation :

<div class="input-group">
  <input type="text" class="form-control" placeholder="Search for...">
  <span class="input-group-btn">
    <button class="btn btn-default" type="submit">
        <i class="fa fa-search"></i>
    </button>
  </span>
</div>