Elements:Forms Input Groups
Input groups allow you to easily group form elements and buttons with form inputs.
Examples
Wrap the elements within a wrapper with the class
.input-group
and then add 1 or more
span
elements with the class
.input-group-addon
before or after your form input or button.
Rounded
Add the class
.input-group-rounded
to the
.input-group
element to make the input groups rounded, similar to the rounded buttons.
Sizes
Add the class
.input-group-lg
to enlarge input groups.
Checkboxes and radio addons
You can also add
checkbox
or
radio
elements within the
.input-group-addon
element.
Button add-ons
Buttons can also be used as input group "add-ons" simply by changing the
.input-group-addon
class to
.input-group-btn
and including a standard button.