<form class="form-horizontal material-form">
<div class="form-group">
<label class="col-md-4 control-label">Text Input</label>
<div class=" col-md-8">
<input type="text" class="form-control" placeholder="Enter text">
<p class="input-instruction">
<i class="fa fa-question-circle"></i> Input Instruction
</p>
</div>
</div>
....
<div class="form-group">
<label class="col-md-4 control-label"> </label>
<div class="col-md-8">
<div class="form-actions">
<button type="submit" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-default">Cancel</button>
</div>
</div>
</div>
</form>
Section Heading
Quisque at mauris semper sapien varius scelerisque sed quis risus. Nulla rhoncus vel libero at aliquet. Duis id nibh non quam varius accumsan ut ac arcu.
<input type="text" placeholder=".input-lg" class="form-control input-lg">
<input type="text" placeholder="Default input" class="form-control">
<input type="text" placeholder=".input-sm" class="form-control input-sm">
<select class="form-control input-lg">
...
</select>
<select class="form-control">
...
</select>
<select class="form-control input-sm">
...
</select>
Input Grid
Form elements in grid
<form class="material-form">
<div class="form-group">
<div class="row">
<div class="col-xs-12">
<input type="text" placeholder=".col-xs-12" class="form-control">
</div>
</div>
</div>
</form>