Form Group

Default

<div class="form-group ">

        <label for="exampleID" class="form-label ">From Group</label>

        <input class="form-text form-control " type="text" value="" id="exampleID" name="form-name" placeholder="Placeholder">
</div>
			  

Validation

<div class="form-group has-success">

        <label for="" class="form-label ">Input with success</label>

        <input class="form-text form-control form-control-success" type="text" value="" id="form-id" name="form-name" placeholder="">

        <div class="form-control-feedback">Success! You've done it.</div>
</div>

<div class="form-group has-warning">

        <label for="" class="form-label ">Input with warning</label>

        <input class="form-text form-control form-control-warning" type="text" value="" id="form-id" name="form-name" placeholder="">

        <div class="form-control-feedback">Shucks, check the formatting of that and try again.</div>
</div>

<div class="form-group has-danger">

        <label for="" class="form-label ">Input with danger</label>

        <input class="form-text form-control form-control-danger" type="text" value="" id="form-id" name="form-name" placeholder="">

        <div class="form-control-feedback">Sorry, that username's taken. Try another?</div>
</div>