diff options
Diffstat (limited to 'docs/css.html')
| -rw-r--r-- | docs/css.html | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/docs/css.html b/docs/css.html index 2f7d74708..8e7b57d37 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1494,12 +1494,16 @@ For example, <code><section></code> should be wrapped as inline. <p>Adding on top of existing browser controls, Bootstrap includes other useful form components.</p> <h3 id="forms-input-groups">Input groups</h3> - <p>Add text or buttons before, after, or on both sides of any text-based input. Use <code>.input-group</code> with a <code>.add-on</code> to prepend or append elements to an <code><input></code>.</p> + <p>Add text or buttons before, after, or on both sides of any text-based input. Use <code>.input-group</code> with an <code>.add-on</code> to prepend or append elements to an <code><input></code>.</p> <div class="bs-callout"> <h4>Cross-browser compatibility</h4> <p>Avoid using <code><select></code> elements here as they cannot be fully styled in WebKit browsers.</p> </div> + <div class="bs-callout"> + <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> <form class="bs-example bs-example-form"> <div class="input-group col-lg-9"> |