Basic Example

Place one add-on or button on either side of an input. You may also place one on both sides of an input.

Sizing

Add the relative form sizing classes to the .input-groupitself and contents within will automatically resize.

Multiple inputs

Add two or more inputs in an input group.

Multiple addons

Button addons

Buttons with dropdowns

Segmented buttons

Custom select

Input groups include support for custom selects and custom file inputs.

Custom file upload

A custom file browser with change and remove function.