aboutsummaryrefslogtreecommitdiff
path: root/javascript.html
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2013-08-23 11:02:46 -0700
committerChris Rebert <[email protected]>2013-08-23 11:02:46 -0700
commit34db0028757736d924eac6a1b0a25a55b3fbcfcf (patch)
tree7c13aa2bbb2e4f5ca2270903d43eac9ea6da8254 /javascript.html
parentf8de960c388c8235a32e05808e9d0a351d3492bf (diff)
parent5d39794287c2a28d9d77ce3ac2b2c0fba0c24dfd (diff)
downloadbootstrap-34db0028757736d924eac6a1b0a25a55b3fbcfcf.tar.xz
bootstrap-34db0028757736d924eac6a1b0a25a55b3fbcfcf.zip
Merge pull request #10081 from bcarrell/master
docs: add explanation for adding tooltips to disabled elements
Diffstat (limited to 'javascript.html')
-rw-r--r--javascript.html4
1 files changed, 4 insertions, 0 deletions
diff --git a/javascript.html b/javascript.html
index e397efc40..07d528a17 100644
--- a/javascript.html
+++ b/javascript.html
@@ -805,6 +805,10 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
<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>
+ <div class="bs-callout bs-callout-info">
+ <h4>Tooltips on disabled elements require placing the tooltip on an outer element instead</h4>
+ <p>If you'd like to add a tooltip to a <code>disabled</code> element, place the element inside of a <code>&lt;div&gt;</code> or <code>&lt;span&gt;</code> and apply the tooltip to that element instead.</p>
+ </div>
<h2 id="tooltips-usage">Usage</h2>
<p>Trigger the tooltip via JavaScript:</p>