Bootstrap 3 glyphicons in add ons

Question

Bellow is my html (in Jade) of glyphicons in add ons.

.input-group     input.form-control(type='text')     span.input-group-addon.glyphicon.glyphicon-calendar 

However the addon is not aligned with the input field. Screeshot:

Is it normal or a bug in bootstrap 3?

Update

Got it: in bootstrap.css:2171 (compiled with less)

.glyphicon{ ...; top: 1px; ...} 

Bug?

Answer 1

To clarify Bass' answer, with the current version of Bootstrap 3, all you need to do is:

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

In other words, just the basic Bootstrap markup as described in the docs.