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-prepend
(before) or
.input-group-append
(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-prepend
element.