diff options
Diffstat (limited to 'themes/docsy/assets/vendor/bootstrap/js/tests/visual/popover.html')
-rw-r--r-- | themes/docsy/assets/vendor/bootstrap/js/tests/visual/popover.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/themes/docsy/assets/vendor/bootstrap/js/tests/visual/popover.html b/themes/docsy/assets/vendor/bootstrap/js/tests/visual/popover.html new file mode 100644 index 0000000..422fd67 --- /dev/null +++ b/themes/docsy/assets/vendor/bootstrap/js/tests/visual/popover.html @@ -0,0 +1,46 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> + <title>Popover</title> + </head> + <body> + <div class="container"> + <h1>Popover <small>Bootstrap Visual Test</small></h1> + + <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="auto" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> + Popover on auto + </button> + + <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Default placement was on top but not enough place"> + Popover on top + </button> + + <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> + Popover on right + </button> + + <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> + Popover on bottom + </button> + + <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> + Popover on left + </button> + </div> + + <script src="../../../site/docs/4.1/assets/js/vendor/jquery-slim.min.js"></script> + <script src="../../../site/docs/4.1/assets/js/vendor/popper.min.js"></script> + <script src="../../dist/util.js"></script> + <script src="../../dist/tooltip.js"></script> + <script src="../../dist/popover.js"></script> + + <script> + $(function () { + $('[data-toggle="popover"]').popover() + }) + </script> + </body> +</html> |