diff options
| author | Mark Otto <[email protected]> | 2016-10-09 14:36:43 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-10-09 14:36:43 -0700 |
| commit | 6c867667a19dcb1243153855d00e36e5ecd599d0 (patch) | |
| tree | 83906930225ae824a4538fba44fe534e048129c6 /docs/components/tooltips.md | |
| parent | 88bf5af896a872d65752956e85adb66a9192e697 (diff) | |
| parent | f49a7a2a0830ced28c5dbd8f94e04ad2f9d7425d (diff) | |
| download | bootstrap-6c867667a19dcb1243153855d00e36e5ecd599d0.tar.xz bootstrap-6c867667a19dcb1243153855d00e36e5ecd599d0.zip | |
Merge branch 'v4-dev' into v4-utils
Diffstat (limited to 'docs/components/tooltips.md')
| -rw-r--r-- | docs/components/tooltips.md | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index a102aa925..393406af1 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -1,6 +1,7 @@ --- layout: docs title: Tooltips +description: Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript. group: components --- @@ -15,7 +16,7 @@ Inspired by the excellent Tipsy jQuery plugin written by Jason Frame. Tooltips a Things to know when using the tooltip plugin: -- Tooltips rely on the 3rd party library [Tether](http://github.hubspot.com/tether/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work! +- Tooltips rely on the 3rd party library [Tether](http://tether.io/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work! - Tooltips are opt-in for performance reasons, so **you must initialize them yourself**. - Tooltips with zero-length titles are never displayed. - Specify `container: 'body'` to avoid rendering problems in more complex components (like our input groups, button groups, etc). @@ -186,7 +187,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>string | function</td> <td>'top'</td> <td> - <p>How to position the tooltip - top | bottom | left | right | auto.<br>When "auto" is specified, it will dynamically reorient the tooltip. For example, if placement is "auto left", the tooltip will display to the left when possible, otherwise it will display right.</p> + <p>How to position the tooltip - top | bottom | left | right.</p> <p>When a function is used to determine the placement, it is called with the tooltip DOM node as its first argument and the triggering element DOM node as its second. The <code>this</code> context is set to the tooltip instance.</p> </td> </tr> @@ -194,7 +195,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>selector</td> <td>string</td> <td>false</td> - <td>If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See <a href="https://github.com/twbs/bootstrap/issues/4215">this</a> and <a href="http://jsbin.com/zopod/1/edit">an informative example</a>.</td> + <td>If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See <a href="https://github.com/twbs/bootstrap/issues/4215">this</a> and <a href="https://jsbin.com/zopod/1/edit">an informative example</a>.</td> </tr> <tr> <td>template</td> @@ -226,13 +227,13 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>constraints</td> <td>Array</td> <td>[]</td> - <td>An array of constraints - passed through to Tether. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#constraints">constraint docs</a>.</td> + <td>An array of constraints - passed through to Tether. For more information refer to Tether's <a href="http://tether.io/#constraints">constraint docs</a>.</td> </tr> <tr> <td>offset</td> <td>string</td> <td>'0 0'</td> - <td>Offset of the popover relative to its target. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#constraints">offset docs</a>.</td> + <td>Offset of the popover relative to its target. For more information refer to Tether's <a href="http://tether.io/#constraints">offset docs</a>.</td> </tr> </tbody> </table> |
