Html 输入组文本区域未与输入组按钮对齐

我将以下输入组与引导一起使用：

<div class="input-group" style="padding-left: 20px;">

    <input type="text" name="s" class="form-control input-sm">

    <span class="input-group-btn">
      <button class="btn btn-default input-sm" type="submit"><span class="fa fa-search"></span></button>
    </span>

</div>

结果是文本区域与按钮不对齐：

---

我希望文本区域与输入组按钮对齐

确保其在引导列中的格式正确，在我这边工作正常

HTML:

---

是的，它们在引导列中

  <div class="row">
    <div class="col-sm-6">

    </div> 
    <div class="col-sm-6">
        " your code should be there "
    </div> 
  </div>

“您的代码应该在那里”

---

试试看，它正在工作

我在我的项目中尝试了你的代码，它工作得很好，所以我想说，要么你在这个问题中添加多一点

CSS

，要么可能有其他类与你的

span

冲突，它们是否在引导列中？

  <div class="row">
    <div class="col-sm-6">

    </div> 
    <div class="col-sm-6">
        " your code should be there "
    </div> 
  </div>