Twitter bootstrap 引导组按钮窗体

我正在使用sb管理模板，由于下面扩展了“组”按钮，我被困在侧边栏中的表单上。原始代码如下：

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

输出为：

但当我添加表单标记时：

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

它变成这样：

---

有没有快速解决这个问题的方法？谢谢。

这里有一种方法，但是您需要使用CSS来调整

输入

或

按钮

或

两者的
填充/高度
，以便它们相等



在
输入
字段之前缺少




    <form class="form-inline">
        <div class="input-group">
            <input type="text" placeholder="Search.." class="form-control">
            <span class="input-group-addon">
                <button class="btn btn-primary btn-sm">
                    <i class="glyphicon glyphicon-search"></i>
                </button>
            </span>
        </div>
    </form>