diff options
| author | Mark Otto <[email protected]> | 2016-05-09 19:25:42 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-05-09 19:25:42 -0700 |
| commit | 73d9815343582b483c070e01a0b0397486bd737b (patch) | |
| tree | 9d94153cefcb73c369e68cb8e3b64cad57e157fd /docs/components/forms.md | |
| parent | f5d889c385e3e057e821b06d7b06a18d5bb0f3c0 (diff) | |
| parent | 35c11b69df526bcb5aa2a5504de7517f1e6affb8 (diff) | |
| download | bootstrap-73d9815343582b483c070e01a0b0397486bd737b.tar.xz bootstrap-73d9815343582b483c070e01a0b0397486bd737b.zip | |
Merge branch 'v4-forms-cleanup' of https://github.com/twbs/bootstrap into v4-forms-cleanup
Diffstat (limited to 'docs/components/forms.md')
| -rw-r--r-- | docs/components/forms.md | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/docs/components/forms.md b/docs/components/forms.md index 20b394a63..51d10a5c0 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -427,10 +427,12 @@ Grid-based form layouts also support large and small inputs. Default checkboxes and radios are improved upon with the help of `.form-check`, **a single class for both input types that improves the layout and behavior of their HTML elements**. Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many. -Disabled checkboxes and radios are supported, but to provide a `not-allowed` cursor on hover of the parent `<label>`, you'll need to add the `.disabled` class to the parent `.form-check`. +Disabled checkboxes and radios are supported, but to provide a `not-allowed` cursor on hover of the parent `<label>`, you'll need to add the `.disabled` class to the parent `.form-check`. The disabled class will also lighten the text color to help indicate the input's state. ### Default (stacked) +By default, any number of checkboxes and radios that are immediate sibling will be vertically stacked and appropriately spaced with `.form-check`. + {% example html %} <div class="form-check"> <label class="form-check-label"> @@ -444,7 +446,9 @@ Disabled checkboxes and radios are supported, but to provide a `not-allowed` cur Option two is disabled </label> </div> +{% endexample %} +{% example html %} <div class="form-check"> <label class="form-check-label"> <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked> |