输入组内部的Bootstrap按钮 [英] Bootstrap button inside input-group

问题描述

如何制作使其在具有相同高度的输入页面之后能很好地显示？

How to make it so that it appears nicely after input page with same height?

<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/ 第一个是原始输入组，第二个是我想要的东西

Here is code http://jsfiddle.net/6mcxdjdr/ The first one is original input-group, the second one is something what I am trying to have

推荐答案

如果您遵循引导程序的文档：

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

这篇关于输入组内部的Bootstrap按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！