BootBavbar
Multi level hover dropdown Navbar for bootstrap 4
Preview
Rquirement
jQuery boostrap 4 animated.css
Usage
To use bootnavbar in your website, simply drop the stylesheet into your document's <head>
.
<head> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootnavbar.css"> </head>
And, simply drop the JS into your document's <body>
.
<body> ... ... <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootnavbar.js" ></script> <script> $(function () { $('#bootnavbar').bootnavbar(); }) </script> <body>
And, html
.
<nav class="navbar navbar-expand-lg navbar-light bg-light" id="bootnavbar"> ... ... </nav>