POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/popover.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6   <meta name="viewport" content="width=device-width, initial-scale=1">
   7   <title>Popover</title>
   8   <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
   9
  10   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  11   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  12   <!--[if lt IE 9]>
  13     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  14     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  15   <![endif]-->
  16 </head>
  17 <body>
  18
  19 <div class="container">
  20
  21   <div class="page-header">
  22     <h1>Popover <small>Bootstrap Visual Test</small></h1>
  23   </div>
  24
  25   <button type="button" class="btn btn-default js-popover" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
  26     Popover on left
  27   </button>
  28   <button type="button" class="btn btn-default js-popover" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
  29     Popover on top
  30   </button>
  31   <button type="button" class="btn btn-default js-popover" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
  32     Popover on bottom
  33   </button>
  34   <button type="button" class="btn btn-default js-popover" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
  35     Popover on right
  36   </button>
  37
  38 </div>
  39
  40 <!-- JavaScript Includes -->
  41 <script src="../vendor/jquery.min.js"></script>
  42 <script src="../../transition.js"></script>
  43 <script src="../../tooltip.js"></script>
  44 <script src="../../popover.js"></script>
  45
  46 <!-- JavaScript Test -->
  47 <script>
  48 $(function () {
  49   $('.js-popover').popover()
  50 })
  51 </script>
  52
  53 </body>
  54 </html>