Input group

<div class="input-group mb-3 w-75">
  <span class="input-group-text" id="basic-addon1">@</span>
  <input type="text" class="form-control" id="basic-username" name="basic-username" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
</div>
<div class="input-group mb-3 w-75">
  <input type="text" class="form-control" id="recipient-username" name="recipient-username" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
  <span class="input-group-text" id="basic-addon2">@example.com</span>
</div>
<div class="input-group w-75">
  <span class="input-group-text">{{content}}lt;/span>
  <input type="text" class="form-control" id="amount-input" name="amount-input" aria-label="Amount (to the nearest dollar)">
  <span class="input-group-text">.00</span>
</div>

<div class="input-group w-75 mb-3">
  <button class="btn btn-outline-primary" type="button" id="button-addon1">Button</button>
  <input type="text" class="form-control" id="button-addon-input" name="button-addon-input" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
</div>
<div class="input-group w-75">
  <input type="text" class="form-control" id="recipient-submit-input" name="recipient-submit-input" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="button-addon2">
  <button class="btn btn-primary" type="button" id="button-addon2">Submit</button>
</div>

<div class="input-group input-group-sm w-75 mb-3">
  <span class="input-group-text" id="inputGroup-sizing-sm">Small</span>
  <input type="text" class="form-control" id="sizing-input-sm" name="sizing-input-sm" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
</div>
<div class="input-group w-75 mb-3">
  <span class="input-group-text" id="inputGroup-sizing-default">Default</span>
  <input type="text" class="form-control" id="sizing-input-default" name="sizing-input-default" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
</div>
<div class="input-group input-group-lg w-75">
  <span class="input-group-text" id="inputGroup-sizing-lg">Large</span>
  <input type="text" class="form-control" id="sizing-input-lg" name="sizing-input-lg" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-lg">
</div>

<div class="input-group input-group-flush w-75">
  <span class="input-group-text">Search</span>
  <input type="text" class="form-control" id="flush-search-input" name="flush-search-input" placeholder="Type to search…" aria-label="Search">
  <button class="btn btn-soft-primary" type="button">Go</button>
</div>