mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
upgrade tooltip/popover-in-groups callout from info to warning
This commit is contained in:
parent
5ead87d519
commit
2ba15c3750
@ -185,7 +185,7 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,
|
|||||||
</div>
|
</div>
|
||||||
<p class="lead">Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with <a href="../javascript/#buttons">our buttons plugin</a>.</p>
|
<p class="lead">Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with <a href="../javascript/#buttons">our buttons plugin</a>.</p>
|
||||||
|
|
||||||
<div class="bs-callout bs-callout-info">
|
<div class="bs-callout bs-callout-warning">
|
||||||
<h4>Tooltips & popovers in button groups require special setting</h4>
|
<h4>Tooltips & popovers in button groups require special setting</h4>
|
||||||
<p>When using tooltips or popovers on elements within a <code>.btn-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>
|
<p>When using tooltips or popovers on elements within a <code>.btn-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>
|
</div>
|
||||||
@ -755,7 +755,7 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,
|
|||||||
<h4>Cross-browser compatibility</h4>
|
<h4>Cross-browser compatibility</h4>
|
||||||
<p>Avoid using <code><select></code> elements here as they cannot be fully styled in WebKit browsers.</p>
|
<p>Avoid using <code><select></code> elements here as they cannot be fully styled in WebKit browsers.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bs-callout bs-callout-info">
|
<div class="bs-callout bs-callout-warning">
|
||||||
<h4>Tooltips & popovers in input groups require special setting</h4>
|
<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>
|
<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>
|
</div>
|
||||||
|
@ -925,7 +925,7 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
|
|||||||
<h4>Opt-in functionality</h4>
|
<h4>Opt-in functionality</h4>
|
||||||
<p>For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning <strong>you must initialize them yourself</strong>.</p>
|
<p>For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning <strong>you must initialize them yourself</strong>.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bs-callout bs-callout-info">
|
<div class="bs-callout bs-callout-warning">
|
||||||
<h4>Tooltips in button groups and input groups require special setting</h4>
|
<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>
|
<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>
|
||||||
@ -1110,7 +1110,7 @@ $('#myTooltip').on('hidden.bs.tooltip', function () {
|
|||||||
<h4>Opt-in functionality</h4>
|
<h4>Opt-in functionality</h4>
|
||||||
<p>For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning <strong>you must initialize them yourself</strong>.</p>
|
<p>For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning <strong>you must initialize them yourself</strong>.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bs-callout bs-callout-info">
|
<div class="bs-callout bs-callout-warning">
|
||||||
<h4>Popovers in button groups and input groups require special setting</h4>
|
<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>
|
<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>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user