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?
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With