How to use Popper.js in HTML page
Notes:
Linking Popper.js to an HTML page:
What is Popper.js?
Popper.js is a library built using JavaScipt to handle website poppers (Ex: tooltips, popovers, dropdowns, modals etc.) efficiently.
Why Popper.js?
Most of the Bootstrap poppers are handled using Popper.js library, hence we link popper.js to our html pages.
To download the minified version of popper.js visit:
https://cdnjs.cloudflare.com/ajax/lib...
Link popper.min.js to HTML page:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
</head>
<body>
<input type="button" value="HTML" class="btn btn-primary"
title="HTML is a structural language" data-toggle="tooltip" />
<input type="button" value="HTML" class="btn btn-primary"
title="HTML" data-content=" HTML is a structural language " data-toggle="popover" />
<script src="jquery/jquery.min.js" type="text/javascript"></script>
<script src="popper/popper.min.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover();
</script>
</body>
</html>
Interview Questions:
