Menu kit - Bootstrap 5

Multi-level dropdowns

How to use?

1. Purchase Bootstrap5 Menukit, unzip and include menukit.js (3KB) and menukit.css (4KB)

2. If you like, you can customize menukit.scss (sass) for your needs

3. First we need a dropdown menu inside the dropdown-menu's list item. So, add submenu dropdown-menu class on inner dropdown menu element.
For example:

<li class="nav-item"> <a class="nav-link" href="#">Home </a> </li>
<li class="nav-item dropdown">
	<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">  Multilevel click  </a>
    <ul class="dropdown-menu">
	  <li><a class="dropdown-item" href="#"> Dropdown item 1 </a></li>
	  <li><a class="dropdown-item" href="#"> Dropdown item 2 <i class="icon-arrow"></i> </a>
		<ul class="submenu dropdown-menu">
			<li><a class="dropdown-item" href="#">Submenu item 1</a></li>
			<li><a class="dropdown-item" href="#">Submenu item 2</a></li>
			<li><a class="dropdown-item" href="#">Submenu item 3 <i class="icon-arrow"></i> </a>
				<ul class="submenu dropdown-menu">
				    <li><a class="dropdown-item" href="#">Multi level 1</a></li>
				    <li><a class="dropdown-item" href="#">Multi level 2</a></li>
			<li><a class="dropdown-item" href="#">Submenu item 4</a></li>
			<li><a class="dropdown-item" href="#">Submenu item 5</a></li>
	  <li><a class="dropdown-item" href="#"> Dropdown item 4 </a>

Download Bootstrap 5 Menu Kit

  • Includes all samples
  • Source files js, css, scss
  • Well coded html
  • Bootstrap 5
  • Easy to customize

Only $39

Secure Checkout  

Back to website