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>
				</ul>
			</li>
			<li><a class="dropdown-item" href="#">Submenu item 4</a></li>
			<li><a class="dropdown-item" href="#">Submenu item 5</a></li>
		</ul>
	  </li>
	  <li><a class="dropdown-item" href="#"> Dropdown item 4 </a>
    </ul>
</li>

Download Bootstrap 5 Menu Kit

Ecommerce admin dashboard features
  • Includes all samples
  • Source files js, css, scss
  • Well coded html
  • Bootstrap 5
  • Easy to customize
  • Support by author

Only $5

Secure Checkout by Gumroad  


Email: templatemount@gmail.com Chat: @vosidiy

Back to website Bootstrap-menu.com