aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-08-07 22:25:35 -0700
committerMark Otto <[email protected]>2017-08-10 22:36:35 -0700
commit006590ed9a7e39c4fac96cf732d5241edd95a59c (patch)
treeb25f4a969e3742e4174ec1ea43da1cf0b15f09fe /docs
parent3fbdedbf22dc9257e06d73b13f6db7244dbda7cb (diff)
downloadbootstrap-006590ed9a7e39c4fac96cf732d5241edd95a59c.tar.xz
bootstrap-006590ed9a7e39c4fac96cf732d5241edd95a59c.zip
Remove broken CSS that tried to reset the absolute positioning when there was no text
Diffstat (limited to 'docs')
-rw-r--r--docs/4.0/components/forms.md6
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md
index 6abe03e58..eb3deb415 100644
--- a/docs/4.0/components/forms.md
+++ b/docs/4.0/components/forms.md
@@ -238,17 +238,17 @@ Group checkboxes or radios on the same horizontal row by adding `.form-check-inl
### Without labels
-Should you have no text within the `<label>`, the input is positioned as you'd expect. **Currently only works on non-inline checkboxes and radios.** Remember to still provide some form of label for assistive technologies (for instance, using `aria-label`).
+Add `.position-static` to inputs within `.form-check` that don't have any label text. Remember to still provide some form of label for assistive technologies (for instance, using `aria-label`).
{% example html %}
<div class="form-check">
<label class="form-check-label">
- <input class="form-check-input" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
+ <input class="form-check-input position-static" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
</label>
</div>
<div class="form-check">
<label class="form-check-label">
- <input class="form-check-input" type="radio" name="blankRadio" id="blankRadio1" value="option1" aria-label="...">
+ <input class="form-check-input position-static" type="radio" name="blankRadio" id="blankRadio1" value="option1" aria-label="...">
</label>
</div>
{% endexample %}