diff options
| author | Mark Otto <[email protected]> | 2017-05-28 22:50:57 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-05-29 23:32:28 -0700 |
| commit | 3e76d6565603fafa2c85ad81d7b6345c4e279c72 (patch) | |
| tree | fad0aa6a4a70cafb4a803bd920d6ae2fa44dc466 /docs/examples/tooltip-viewport | |
| parent | 32153eb7cba316b873e82cd7b9362c92ca00eddf (diff) | |
| download | bootstrap-3e76d6565603fafa2c85ad81d7b6345c4e279c72.tar.xz bootstrap-3e76d6565603fafa2c85ad81d7b6345c4e279c72.zip | |
Rearrange all the docs to allow for a docs/major.minor/ setup
Diffstat (limited to 'docs/examples/tooltip-viewport')
| -rw-r--r-- | docs/examples/tooltip-viewport/index.html | 48 | ||||
| -rw-r--r-- | docs/examples/tooltip-viewport/tooltip-viewport.css | 26 | ||||
| -rw-r--r-- | docs/examples/tooltip-viewport/tooltip-viewport.js | 18 |
3 files changed, 0 insertions, 92 deletions
diff --git a/docs/examples/tooltip-viewport/index.html b/docs/examples/tooltip-viewport/index.html deleted file mode 100644 index 384809811..000000000 --- a/docs/examples/tooltip-viewport/index.html +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <meta name="description" content=""> - <meta name="author" content=""> - <link rel="shortcut icon" href="../../favicon.ico"> - - <title>Tooltip Viewport Example for Bootstrap</title> - - <!-- Bootstrap core CSS --> - <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> - - <!-- Custom styles for this template --> - <link href="tooltip-viewport.css" rel="stylesheet"> - </head> - - <body> - - <button class="btn btn-secondary float-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button> - <button class="btn btn-secondary tooltip-bottom" title="This should be shifted to the right">Shift Right</button> - <button class="btn btn-secondary tooltip-right" title="This should be shifted down">Shift Down</button> - - <button class="btn btn-secondary tooltip-right btn-bottom" title="This should be shifted up">Shift Up</button> - - <div class="container-viewport"> - <button class="btn btn-secondary tooltip-viewport-bottom" title="This should be shifted to the left">Shift Left</button> - <button class="btn btn-secondary tooltip-viewport-right" title="This should be shifted down">Shift Down</button> - - <button class="btn btn-secondary float-right tooltip-viewport-bottom" title="This should be shifted to the right">Shift Right</button> - - <button class="btn btn-secondary tooltip-viewport-right btn-bottom" title="This should be shifted up">Shift Up</button> - </div> - - - <!-- Bootstrap core JavaScript - ================================================== --> - <!-- Placed at the end of the document so the pages load faster --> - <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> - <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> - <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.9/umd/popper.min.js" integrity="sha256-c477vRLKQv1jt9o7w6TTBzFyFznTaZjoMLTDFi7Hlxc=" crossorigin="anonymous"></script> - <script src="../../dist/js/bootstrap.min.js"></script> - <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> - <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> - <script src="tooltip-viewport.js"></script> - </body> -</html> diff --git a/docs/examples/tooltip-viewport/tooltip-viewport.css b/docs/examples/tooltip-viewport/tooltip-viewport.css deleted file mode 100644 index 26aa2e348..000000000 --- a/docs/examples/tooltip-viewport/tooltip-viewport.css +++ /dev/null @@ -1,26 +0,0 @@ -body { - height: 1200px; -} -.tooltip { - min-width: 250px; - max-width: 500px; -} -.tooltip .tooltip-inner { - min-width: 250px; - max-width: 500px; - min-height: 100px; - text-align: left; -} -.container-viewport { - position: absolute; - top: 100px; - right: 250px; - left: 250px; - height: 300px; - background-color: #eee; -} -.btn-bottom { - position: absolute; - bottom: 0; - left: 0; -} diff --git a/docs/examples/tooltip-viewport/tooltip-viewport.js b/docs/examples/tooltip-viewport/tooltip-viewport.js deleted file mode 100644 index e87f4eec7..000000000 --- a/docs/examples/tooltip-viewport/tooltip-viewport.js +++ /dev/null @@ -1,18 +0,0 @@ -$(document).ready(function () { - $('.tooltip-right').tooltip({ - placement: 'right', - viewport: {selector: 'body', padding: 2} - }) - $('.tooltip-bottom').tooltip({ - placement: 'bottom', - viewport: {selector: 'body', padding: 2} - }) - $('.tooltip-viewport-right').tooltip({ - placement: 'right', - viewport: {selector: '.container-viewport', padding: 2} - }) - $('.tooltip-viewport-bottom').tooltip({ - placement: 'bottom', - viewport: {selector: '.container-viewport', padding: 2} - }) -}) |