🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The jQuery BootBavbar extends the native Bootstrap 4 navbar into a responsive multi-level dropdown menu with multi-device support and CSS3 animations.

Drop-Down-Menu Bootstrap bootstrap-4 responsive-menu

Documentation

BootBavbar

Multi level hover dropdown Navbar for bootstrap 4

Preview

Multi level hover dropdown Navbar for bootstrap 4

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>

View Demo


You May Also Like