Simplifies markup for checkbox validation states

This commit is contained in:
Zac Echola 2015-08-20 10:55:15 -05:00 committed by Mark Otto
parent 1a3acc8a4b
commit 0462cd3d81
1 changed files with 15 additions and 14 deletions

View File

@ -561,21 +561,17 @@ Ensure that an alternative indication of state is also provided. For instance, y
<input type="text" class="form-control form-control-error" id="inputError1"> <input type="text" class="form-control form-control-error" id="inputError1">
</div> </div>
<div class="has-success"> <div class="checkbox has-success">
<div class="checkbox"> <label>
<label> <input type="checkbox" id="checkboxSuccess" value="option1">
<input type="checkbox" id="checkboxSuccess" value="option1"> Checkbox with success
Checkbox with success </label>
</label>
</div>
</div> </div>
<div class="has-warning"> <div class="checkbox has-warning">
<div class="checkbox"> <label>
<label> <input type="checkbox" id="checkboxWarning" value="option1">
<input type="checkbox" id="checkboxWarning" value="option1"> Checkbox with warning
Checkbox with warning </label>
</label>
</div>
</div> </div>
<div class="has-danger"> <div class="has-danger">
<div class="checkbox"> <div class="checkbox">
@ -584,6 +580,11 @@ Ensure that an alternative indication of state is also provided. For instance, y
Checkbox with error Checkbox with error
</label> </label>
</div> </div>
<div class="checkbox has-danger">
<label>
<input type="checkbox" id="checkboxError" value="option1">
Checkbox with error
</label>
</div> </div>
{% endexample %} {% endexample %}