按鈕插件中的自舉圖形

Question

Glyphicons in Bootstrap按鈕插件導致按鈕收縮，因此它不適合輸入正確。標準文本沒有這個問題。

有沒有辦法做到這一點？這裏有一個例子：

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

但將button改爲像下面的工作正常。

This answer暗示的字體大小是從父元素繼承，但我不認爲這裏適用，因爲它正常工作與文本，更改字體大小規則不會幫助。

Answer 1

<div class="input-group"> 
     <input type="text" class="form-control"> 
     <span class="input-group-addon">  
      <i class="glyphicon glyphicon-calendar"></i> 
     </span>  
</div>