diff options
| author | Mark Otto <[email protected]> | 2015-04-16 14:07:20 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-04-16 14:07:20 -0700 |
| commit | c84cf4f7f5187e607e1c5a921d7a7b8166e66def (patch) | |
| tree | 8e4b6d63554fb3cbba79e3f89b0b31a4b21b779a /docs/components/tooltips.md | |
| parent | 3c9368124507ce2d643a471e71b1ed13c9232435 (diff) | |
| download | bootstrap-c84cf4f7f5187e607e1c5a921d7a7b8166e66def.tar.xz bootstrap-c84cf4f7f5187e607e1c5a921d7a7b8166e66def.zip | |
rename classes from .bs-docs and .bs to .bd
Diffstat (limited to 'docs/components/tooltips.md')
| -rw-r--r-- | docs/components/tooltips.md | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index aa5d8661f..b8600d912 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -11,7 +11,7 @@ Tooltips with zero-length titles are never displayed. Hover over the links below to see tooltips: -<div class="bs-example tooltip-demo"> +<div class="bd-example tooltip-demo"> <p class="muted">Tight pants next level keffiyeh <a href="#" data-toggle="tooltip" title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" data-toggle="tooltip" title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" data-toggle="tooltip" title="Another one here too">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" data-toggle="tooltip" title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral. </p> </div> @@ -20,7 +20,7 @@ Hover over the links below to see tooltips: Four options are available: top, right, bottom, and left aligned. -<div class="bs-example bs-example-tooltip"> +<div class="bd-example bd-example-tooltip"> <div class="tooltip left" role="tooltip"> <div class="tooltip-arrow"></div> <div class="tooltip-inner"> @@ -51,8 +51,8 @@ Four options are available: top, right, bottom, and left aligned. Hover over the buttons below to see their tooltips. -<div class="bs-example tooltip-demo"> - <div class="bs-example-tooltips"> +<div class="bd-example tooltip-demo"> + <div class="bd-example-tooltips"> <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button> <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button> <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button> @@ -75,7 +75,7 @@ Hover over the buttons below to see their tooltips. </button> {% endhighlight %} -<div class="bs-callout bs-callout-danger"> +<div class="bd-callout bd-callout-danger"> <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>One way to initialize all tooltips on a page would be to select them by their <code>data-toggle</code> attribute:</p> @@ -85,15 +85,15 @@ $(function () { }) {% endhighlight %} </div> -<div class="bs-callout bs-callout-warning"> +<div class="bd-callout bd-callout-warning"> <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> -<div class="bs-callout bs-callout-warning"> +<div class="bd-callout bd-callout-warning"> <h4>Don't try to show tooltips on hidden elements</h4> <p>Invoking <code>$(...).tooltip('show')</code> when the target element is <code>display: none;</code> will cause the tooltip to be incorrectly positioned.</p> </div> -<div class="bs-callout bs-callout-info"> +<div class="bd-callout bd-callout-info"> <h4>Tooltips on disabled elements require wrapper elements</h4> <p>To add a tooltip to a <code>disabled</code> or <code>.disabled</code> element, put the element inside of a <code><div></code> and apply the tooltip to that <code><div></code> instead.</p> </div> @@ -112,7 +112,7 @@ $('#example').tooltip(options) The required markup for a tooltip is only a `data` attribute and `title` on the HTML element you wish to have a tooltip. The generated markup of a tooltip is rather simple, though it does require a position (by default, set to `top` by the plugin). -<div class="bs-callout bs-callout-warning"> +<div class="bd-callout bd-callout-warning"> <h4>Multiple-line links</h4> <p>Sometimes you want to add a tooltip to a hyperlink that wraps multiple lines. The default behavior of the tooltip plugin is to center it horizontally and vertically. Add <code>white-space: nowrap;</code> to your anchors to avoid this.</p> </div> @@ -228,7 +228,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap </table> </div> -<div class="bs-callout bs-callout-info"> +<div class="bd-callout bd-callout-info"> <h4>Data attributes for individual tooltips</h4> <p>Options for individual tooltips can alternatively be specified through the use of data attributes, as explained above.</p> </div> |
