mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
docs: add explanation for adding tooltips to disabled elements, closes #10049
This commit is contained in:
parent
24f57bdf41
commit
5d39794287
@ -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><div></code> or <code><span></code> and apply the tooltip to that element instead.</p>
|
||||
</div>
|
||||
|
||||
<h2 id="tooltips-usage">Usage</h2>
|
||||
<p>Trigger the tooltip via JavaScript:</p>
|
||||
|
Loading…
Reference in New Issue
Block a user