diff options
| author | Mark Otto <[email protected]> | 2015-03-09 14:46:32 +0000 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-03-09 14:46:32 +0000 |
| commit | 81259b9c4c0340804d6d2d741741607960f84012 (patch) | |
| tree | 77f00ec8a0e57bb7da67c99312fc832bba08debf /docs/components | |
| parent | 454cc55e313d29d886563b874abab33412f0d31d (diff) | |
| download | bootstrap-81259b9c4c0340804d6d2d741741607960f84012.tar.xz bootstrap-81259b9c4c0340804d6d2d741741607960f84012.zip | |
simplify input group docs to remove two notices, condense some language
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/input-group.md | 16 |
1 files changed, 2 insertions, 14 deletions
diff --git a/docs/components/input-group.md b/docs/components/input-group.md index fc91ac978..6681485ba 100644 --- a/docs/components/input-group.md +++ b/docs/components/input-group.md @@ -3,20 +3,12 @@ layout: page title: Input group --- -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`. +Easily extend form controls by adding text, buttons, or button groups on either side of textual `<input>`s. -<div class="bs-callout bs-callout-danger"> - <h4>Textual <code><input></code>s only</h4> - <p>Avoid using <code><textarea></code> elements here as their <code>rows</code> attribute will not be respected in some cases.</p> -</div> <div class="bs-callout bs-callout-warning"> <h4>Tooltips & popovers in input groups require special setting</h4> <p>When using tooltips or popovers on elements within an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).</p> </div> -<div class="bs-callout bs-callout-warning"> - <h4>Don't mix with other components</h4> - <p>Do not mix form groups or grid column classes directly with input groups. Instead, nest the input group inside of the form group or grid-related element.</p> -</div> <div class="bs-callout bs-callout-warning" id="callout-inputgroup-form-labels"> <h4>Always add labels</h4> <p>Screen readers will have trouble with your forms if you don't include a label for every input. For these input groups, ensure that any additional label or functionality is conveyed to assistive technologies.</p> @@ -25,11 +17,7 @@ Extend form controls by adding text or buttons before, after, or on both sides o ## Basic example -Place 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 form-controls in a single input group.** +Place 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, nor multiple form-controls in a single input group.** {% example html %} <div class="input-group"> |
