diff options
author | Chris Rebert <chris.rebert@hulu.com> | 2013-06-26 07:18:30 +0400 |
---|---|---|
committer | Chris Rebert <chris.rebert@hulu.com> | 2013-06-26 07:18:30 +0400 |
commit | 242d92e09c60396bad0837581a9692bf7abe8aea (patch) | |
tree | 50bca2eb7cbef5d8a093a2547c8163d6e78cec27 /docs/javascript.html | |
parent | cc43ba35d7c1bb4663a8aea4eb0ba3a97d782852 (diff) |
Fix #8287
Diffstat (limited to 'docs/javascript.html')
-rw-r--r-- | docs/javascript.html | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/docs/javascript.html b/docs/javascript.html index 9a5a5b6f06..2580d9a6e1 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -744,9 +744,10 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { </ul> </div><!-- /example --> - - <h3>Tooltips in input groups</h3> - <p>When using tooltips and popovers with the Bootstrap input groups, you'll have to set the <code>container</code> (documented below) option to avoid unwanted side effects.</p> + <div class="bs-callout"> + <h4>Tooltips in button groups and input groups require special setting</h4> + <p>When using tooltips on elements within a <code>.btn-group</code> or an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip is triggered).</p> + </div> <hr class="bs-docs-separator"> @@ -873,6 +874,10 @@ $('#example').tooltip(options) <h4>Plugin dependency</h4> <p>Popovers require the <a href="#tooltips">tooltip plugin</a> to be included in your version of Bootstrap.</p> </div> + <div class="bs-callout"> + <h4>Popovers in button groups and input groups require special setting</h4> + <p>When using popovers on elements within a <code>.btn-group</code> or an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the popover is triggered).</p> + </div> <h3>Static popover</h3> <p>Four options are available: top, right, bottom, and left aligned.</p> @@ -1004,7 +1009,7 @@ $('#example').tooltip(options) <td>string | false</td> <td>false</td> <td> - <p>Appends the popover to a specific element <code>container: 'body'</code></p> + <p>Appends the popover to a specific element. Example: <code>container: 'body'</code></p> </td> </tr> </tbody> |