为什么我的bootstrap 3 glyphicons如此宽？

Question

我很难弄清楚为什么我的字形占据了输入框的大部分。我正在使用bootstrap 3.0，这是我正在看的截图。

以下是我设置它们的方法：

<div class="col-sm-2">
  <div class="input-group">
    <label style="font-size:12px;">Time Ended</label>
    <div  class="input-group" id="datetimepicker2" >

      <input type="text" name="time_ended" class="form-control" value="" />
      <span class="input-group-addon" style="width:10px;">
        <span class="glyphicon-time"></span>
      </span>
    </div>
  </div>
</div> 

任何想法或建议都表示赞赏。

Answer 1

您可能错过了基类：

<span class="glyphicon glyphicon-time"></span>