Bootstrap 3 - 输入组中的按钮不在同一高度

Question

我使用Bootstrap 3，使用输入组，使用按钮并使用glyphicon作为按钮，但奇怪的是按钮的高度不一样，如何使按钮的高度相同？

我的简单编码是这样的：

<div class='input-group'>
    <span class='input-group-addon'>Nama</span>
    <input type='text' id='enomor' class='form-control' onkeypress='return okpnons(event)'>
    <span id='enomorupdate'  class='input-group-btn'>
        <button type='button' onclick='ocenomorupdate()' class='btn btn-primary'>
            <span class='glyphicon glyphicon-floppy-disk'></span>
        </button>
    </span>
</div>

Answer 1

以下是正确的语法：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class='input-group'>
  <span class='input-group-addon'>Nama</span>
  <input type='text' id='enomor' class='form-control' onkeypress='return okpnons(event)'>
  <div class='input-group-btn'>
    <button type='button' onclick='ocenomorupdate()' class='btn btn-primary'>
      <span class='glyphicon glyphicon-floppy-disk'></span>
    </button>
  </div>
</div>