diff options
| author | Mark Otto <[email protected]> | 2016-02-08 23:21:32 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-02-08 23:21:32 -0800 |
| commit | 09aefaa2afe05f438b99caa63bb888c62c40bf73 (patch) | |
| tree | dca0ae7c26ee426ba784e8a7a63a1b13bf95e1be /docs/components/forms.md | |
| parent | a40d94000f68b547845df86c1943b433a888a473 (diff) | |
| download | bootstrap-09aefaa2afe05f438b99caa63bb888c62c40bf73.tar.xz bootstrap-09aefaa2afe05f438b99caa63bb888c62c40bf73.zip | |
Alternate fix to #17965: Updates to use the new class name and adds some basic docs for custom checkbox/radio validation
Diffstat (limited to 'docs/components/forms.md')
| -rw-r--r-- | docs/components/forms.md | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index 134bd88c1..6f95ecb3d 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -762,6 +762,33 @@ Custom checkboxes and radios can also be disabled. Add the `disabled` boolean at </label> {% endexample %} +#### Validation states + +Add other states to your custom forms with our validation classes. + +{% example html %} +<div class="form-group has-success"> + <label class="custom-control custom-checkbox"> + <input type="checkbox" class="custom-control-input"> + <span class="custom-control-indicator"></span> + <span class="custom-control-description">Check this custom checkbox</span> + </label> +</div> +<div class="form-group has-warning"> + <label class="custom-control custom-checkbox"> + <input type="checkbox" class="custom-control-input"> + <span class="custom-control-indicator"></span> + <span class="custom-control-description">Check this custom checkbox</span> + </label> +</div> +<div class="form-group has-danger m-b-0"> + <label class="custom-control custom-checkbox"> + <input type="checkbox" class="custom-control-input"> + <span class="custom-control-indicator"></span> + <span class="custom-control-description">Check this custom checkbox</span> + </label> +</div> +{% endexample %} #### Stacked |