diff options
author | Mark Otto <markdotto@gmail.com> | 2018-09-17 22:07:31 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2018-09-18 13:03:44 +0300 |
commit | 7c88c46517807406b3d18e2648ae74480ce364fc (patch) | |
tree | 580362c366704a122c8cad42979f6210f7575f62 | |
parent | 787441d4bf39529384b68e7a9b026e703ad4740a (diff) |
Clarify docs for custom form structure
Fixes #25440
-rw-r--r-- | site/docs/4.1/components/forms.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/site/docs/4.1/components/forms.md b/site/docs/4.1/components/forms.md index 9e8743872e..6369168d84 100644 --- a/site/docs/4.1/components/forms.md +++ b/site/docs/4.1/components/forms.md @@ -1105,7 +1105,7 @@ For even more customization and cross browser consistency, use our completely cu ### Checkboxes and radios -Each checkbox and radio is wrapped in a `<div>` with a sibling `<span>` to create our custom control and a `<label>` for the accompanying text. Structurally, this is the same approach as our default `.form-check`. +Each checkbox and radio `<input>` and `<label>` pairing is wrapped in a `<div>` to create our custom control. Structurally, this is the same approach as our default `.form-check`. We use the sibling selector (`~`) for all our `<input>` states—like `:checked`—to properly style our custom form indicator. When combined with the `.custom-control-label` class, we can also style the text for each item based on the `<input>`'s state. |