Bootstrap class: .input-group-prepend

<div class="input-group">
  <div class="input-group-prepend">
    <button class="btn btn-success" type="button">Love it</button>
  <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1">


Sass source

/* _input-group.scss:88 */
.input-group-prepend { margin-right: -$input-border-width; }
.input-group-append { margin-left: -$input-border-width; }

// Textual addons
// Serves as a catch-all element for any text or radio/checkbox input you wish
// to prepend or append to an input.

.input-group-text {
  display: flex;
  align-items: center;
  padding: $input-padding-y $input-padding-x;
  margin-bottom: 0; // Allow use of 

Uses variables

Code copied to the clipboard.

Copying failed

/* _input-group.scss:88 */

More in Bootstrap Form Input Groups