输入组内的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的文档http://getbootstrap.com/components/#input-groups:

<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>