Bootstrap Input Group

Basic example

@
@example.com
https://example.com/users/
$
.00
With textarea

Wrapping

Input groups wrap by default via flex-wrap: wrap in order to accommodate custom form field validation within an input group. You may disable this with .flex-nowrap.

@

Sizing

Small
Default
Large

Checkboxes and radio addons

Multiple addons

First and last name
$ 0.00
$ 0.00

Button addons

Buttons with dropdowns

Action Another action Something else here Separated link
Action Another action Something else here Separated link

Segmented buttons

Action Another action Something else here Separated link
Action Another action Something else here Separated link

Custom select

Custom file input

Upload
Upload