diff options
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/forms.md | 42 |
1 files changed, 18 insertions, 24 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index 031dc83a8..e274b8bb4 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -535,7 +535,7 @@ Block help text—for below inputs or for longer lines of help text—can be eas ## Validation -Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add `.has-warning`, `.has-danger`, or `.has-success` to the parent element. Any `.form-control-label`, `.form-control`, and `.text-help` within that element will receive the validation styles. +Bootstrap includes validation styles for danger, warning, and success states on form controls. To use, add `.has-warning`, `.has-danger`, or `.has-success` to the parent element. Any `.form-control-label`, `.form-control`, and `.text-help` within that element will receive the validation styles. {% comment %} {% callout warning %} @@ -557,33 +557,27 @@ Ensure that an alternative indication of state is also provided. For instance, y <input type="text" class="form-control form-control-warning" id="inputWarning1"> </div> <div class="form-group has-danger"> - <label class="form-control-label" for="inputError1">Input with error</label> - <input type="text" class="form-control form-control-error" id="inputError1"> + <label class="form-control-label" for="inputDanger1">Input with danger</label> + <input type="text" class="form-control form-control-danger" id="inputDanger1"> </div> -<div class="has-success"> - <div class="checkbox"> - <label> - <input type="checkbox" id="checkboxSuccess" value="option1"> - Checkbox with success - </label> - </div> +<div class="checkbox has-success"> + <label> + <input type="checkbox" id="checkboxSuccess" value="option1"> + Checkbox with success + </label> </div> -<div class="has-warning"> - <div class="checkbox"> - <label> - <input type="checkbox" id="checkboxWarning" value="option1"> - Checkbox with warning - </label> - </div> +<div class="checkbox has-warning"> + <label> + <input type="checkbox" id="checkboxWarning" value="option1"> + Checkbox with warning + </label> </div> -<div class="has-danger"> - <div class="checkbox"> - <label> - <input type="checkbox" id="checkboxError" value="option1"> - Checkbox with error - </label> - </div> +<div class="checkbox has-danger"> + <label> + <input type="checkbox" id="checkboxDanger" value="option1"> + Checkbox with danger + </label> </div> {% endexample %} |