使用引导程序修正按钮大小

Question

我有这样的表格：

由以下代码创建：

<form class="navbar-form" role="search">
  <div class="input-group add-on">
    <input class="form-control" placeholder="Search" name="srch-term" id="srch-term" type="text">
    <div class="input-group-btn">
      <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
    </div>
  </div>
</form>

如何更正按钮尺寸？我希望与文本框正确对齐。

Answer 1

通过应用一些css或者增加输入字段的高度或者减少按钮的高度

Answer 2

如果您只使用按钮中的图标，请添加此css以使其与输入框对齐。

.glyphicon {
    top: 0px !important;
    line-height: inherit;
}