From: bcarrell <brandoncarrell@gmail.com>
Date: Fri, 23 Aug 2013 16:10:52 +0000 (-0400)
Subject: docs: add explanation for adding tooltips to disabled elements, closes #10049
X-Git-Tag: v3.0.1~152^2~3^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F10081%2Fhead;p=thirdparty%2Fbootstrap.git

docs: add explanation for adding tooltips to disabled elements, closes #10049
---

diff --git a/javascript.html b/javascript.html
index e397efc40d..07d528a170 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>