Molecule

Input Group

            
              <div class="input-group">
  <div class="input-group-addon">
    @
  </div><input class="form-text form-control" type="email" value="value" name="form-name" placeholder="E-Mail">
</div>

            
          
            
              <div class="input-group input-group--type-a">
  <input class="form-text form-control" type="email" value="value" name="form-name" placeholder="E-Mail">
  <div class="input-group-addon">
    @
  </div>
</div>

            
          
            
              <div class="input-group input-group--type-a input-group--type-b">
  <input class="form-text form-control" type="email" value="value" name="form-name" placeholder="E-Mail">
  <div class="input-group-addon">
    @
  </div>
</div>