Bootstrap ha sempre dato la possibilità di creare addon prima e dopo gli input. Con Bootstrap 4 il modo di creare gli addon cambia rispetto alla versione precedente. Con la versione 4, gli addon e il controllo di input devono sempre essere inclusi in un div con classe input-group, ma, per creare gli addon, le classi da utilizzare sono input-group-prepend e input-group-append che rispettivamente creano l'addon prima e dopo il controllo di input.

<div class="input-group">
  <div class="input-group-prepend">
    <span class="input-group-text">prima</span>
  </div>
  <input type="text" class="form-control">
  <div class="input-group-append">
    <span class="input-group-text">dopo</span>
  </div>
</div>