Multi level hover dropdown Navbar for bootstrap 4
Branch: master
Clone or download
Latest commit d0d045f Feb 15, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css responsive fix Feb 15, 2019
js responsive fix Feb 15, 2019
Preview.png change hover and active color Jan 13, 2019
README.md update Feb 12, 2019
_config.yml Set theme jekyll-theme-slate Dec 23, 2018
index.html responsive fix Feb 15, 2019

README.md

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