BootStrap中關於input-group的問題（未解決）

****************************************2016年1月6日 23:08*******************************

本來想實現的如下功能：

但是我用代碼如下：

<div class="input-group">
    <input type="text" placeholder="Search" class="form-control">
    <span class="input-group-btn">
       <button type="button" class="btn btn-default">
           <span class="glyphicon glyphicon-search"></span>
       </button>
    </span>
</div>

實現后確是如下形式：

紅色部分總是對不起，為何？

 

當然解決辦法可以是手動設置高度，但是我很納悶，官方的可以這么做，為什么我的就不行？

參考鏈接：http://www.runoob.com/bootstrap/bootstrap-input-groups.html