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.