x
1
2
<html lang="en">3
<head>4
<title>Bootstrap Example</title>5
<meta charset="utf-8">6
<meta name="viewport" content="width=device-width, initial-scale=1">7
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">8
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>9
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>10
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>11
</head>12
<body>13
14
<div class="container">15
<h3>Popover Example</h3>16
<a href="#" title="Header" data-toggle="popover" data-content="Some content">Click Me</a><br>17
<a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="Some content">Hover over me</a>18
</div>19
20
<script>21
$(document).ready(function(){22
$('[data-toggle="popover"]').popover(); 23
});24
</script>25
26
</body>27
</html>