diff options
author | Mark Otto <markd.otto@gmail.com> | 2021-01-28 12:39:36 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-01-28 12:39:36 +0300 |
commit | 51ca9a9e2f3b19ccdcd2ff4c7d0d8ec42a69d3db (patch) | |
tree | 619fd0082cd1e5151f475eaf0761d8dee5a80b5a /site/content | |
parent | a56bf1de9fe8abc626a935cda5bb74224b05705a (diff) |
Update checks and radios in input groups (#32912)
- Adds .mt-0 to the examples
- Zero-ing out universally for all of them like in #32896 would cause issues for those who include the input with visible label text, where the text and input would be misaligned
Diffstat (limited to 'site/content')
-rw-r--r-- | site/content/docs/5.0/forms/input-group.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/site/content/docs/5.0/forms/input-group.md b/site/content/docs/5.0/forms/input-group.md index 0e0836b5f7..19ffcbcfd4 100644 --- a/site/content/docs/5.0/forms/input-group.md +++ b/site/content/docs/5.0/forms/input-group.md @@ -81,19 +81,19 @@ Add the relative form sizing classes to the `.input-group` itself and contents w ## Checkboxes and radios -Place any checkbox or radio option within an input group's addon instead of text. +Place any checkbox or radio option within an input group's addon instead of text. We recommend adding `.mt-0` to the `.form-check-input` when there's no visible text next to the input. {{< example >}} <div class="input-group mb-3"> <div class="input-group-text"> - <input class="form-check-input" type="checkbox" value="" aria-label="Checkbox for following text input"> + <input class="form-check-input mt-0" type="checkbox" value="" aria-label="Checkbox for following text input"> </div> <input type="text" class="form-control" aria-label="Text input with checkbox"> </div> <div class="input-group"> <div class="input-group-text"> - <input class="form-check-input" type="radio" value="" aria-label="Radio button for following text input"> + <input class="form-check-input mt-0" type="radio" value="" aria-label="Radio button for following text input"> </div> <input type="text" class="form-control" aria-label="Text input with radio button"> </div> |