diff options
| author | Mark Otto <[email protected]> | 2018-09-17 12:07:31 -0700 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-09-18 13:03:44 +0300 |
| commit | 7c88c46517807406b3d18e2648ae74480ce364fc (patch) | |
| tree | 580362c366704a122c8cad42979f6210f7575f62 | |
| parent | 787441d4bf39529384b68e7a9b026e703ad4740a (diff) | |
| download | bootstrap-7c88c46517807406b3d18e2648ae74480ce364fc.tar.xz bootstrap-7c88c46517807406b3d18e2648ae74480ce364fc.zip | |
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 9e8743872..6369168d8 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. |
