diff --git a/docs/_includes/components/input-groups.html b/docs/_includes/components/input-groups.html index 5d9a2f9c07..6453af1c30 100644 --- a/docs/_includes/components/input-groups.html +++ b/docs/_includes/components/input-groups.html @@ -1,7 +1,7 @@
Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>
. Use .input-group
with an .input-group-addon
to prepend or append elements to a single .form-control
.
Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>
. Use .input-group
with an .input-group-addon
or .input-group-btn
to prepend or append elements to a single .form-control
.
<input>
s onlyPlace one add-on or button on either side of an input. You may also place one on both sides of an input.
-We do not support multiple add-ons on a single side.
+We do not support multiple add-ons (.input-group-addon
or .input-group-btn
) on a single side.
We do not support multiple form-controls in a single input group.
Buttons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon
, you'll need to use .input-group-btn
to wrap the buttons. This is required due to default browser styles that cannot be overridden.
Block level help text for form controls.
+Help text should be explicitly associated with the form control it relates to using the aria-describedby
attribute. This will ensure that assistive technologies – such as screen readers – will announce this help text when the user focuses or enters the control.
Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add .has-warning
, .has-error
, or .has-success
to the parent element. Any .control-label
, .form-control
, and .help-block
within that element will receive the validation styles.