Extend form controls by adding text or buttons before, after, or on both
sides of any text-based input. Use .input-group
with an .input-group-addon
to prepend or append elements to a input.
<div class="input-group"> <span class="input-group-addon">€</span> <input type="text"> <span class="input-group-addon">.00</span> </div>
Usual input size classes .input-small
and .input-large
do apply for input group elements too.
<div class="input-group"> <span class="input-group-addon input-small">€</span> <input class="input-small" type="text"> <span class="input-group-addon input-small">.00</span> </div>
Checkboxes & radio buttons can be put into a .input-group-addon
too.