Skip to content

Commit 7c88c46

Browse files
mdoXhmikosR
authored andcommitted
Clarify docs for custom form structure
Fixes twbs#25440
1 parent 787441d commit 7c88c46

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

site/docs/4.1/components/forms.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1105,7 +1105,7 @@ For even more customization and cross browser consistency, use our completely cu
11051105

11061106
### Checkboxes and radios
11071107

1108-
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`.
1108+
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`.
11091109

11101110
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.
11111111

0 commit comments

Comments
 (0)