To create an input group, use Bootstrap's .input-group class for the actual input group. For an element to be appended to the form control, use a <span> with .input-group-text nested inside a <div> with .input-group-append.

Note that input groups are designed for textual <input> elements only.

Text on Both Sides

You can also use .input-group-prepend to prepend an element to the form control. In fact you can have text on both sides of the control.