<div class="form-group form-group--error">
<label for="exampleID" class="form-label">Input with danger</label>
<div class="form-group-wrapper">
<input class="form-text form-control form-control-danger" type="text" id="exampleID" name="form-name" placeholder="Placeholder">
<div class="form-control-feedback">
Sorry, that username"s taken. Try another?
</div>
</div>
</div>