Cacher is the code snippet organizer for pro developers

<!-- Default input -->
<label for="exampleForm2">Default input</label>
<input type="text" id="exampleForm2" class="form-control">

<!-- Large input -->
<input class="form-control form-control-lg" type="text" placeholder="Large input">

<!-- Small input -->
<input class="form-control" type="text" placeholder="Medium input">

<!-- Small input -->
<input class="form-control form-control-sm" type="text" placeholder="Small input">

<!-- Number input -->
<div class="def-number-input number-input safari_only">
  <button onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></button>
  <input class="quantity" min="0" name="quantity" value="1" type="number">
  <button onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></button>
</div>

<!-- Prefix -->
<label class="sr-only" for="inlineFormInputGroup">Username</label>
<div class="input-group mb-2">
  <div class="input-group-prepend">
    <div class="input-group-text">@</div>
  </div>
  <input type="text" class="form-control py-0" id="inlineFormInputGroup" placeholder="Username">
</div>