Place one add-on or button on either side of an input. You may also place one on both sides of an input. Remember to place <label>
s outside the input group.
flex-wrap: wrap
in order to accommodate custom form field validation within an input group. You may disable this with .flex-nowrap
.input-group
itself and contents within will automatically resize—no need for repeating the form control size classes on each element. Sizing on the individual input group elements isn’t supported
.input-group
itself and contents within will automatically resize—no need for repeating the form control size classes on each element. You can add .input-group-multi-transition
to .input-group
to animate focused inputs