how to set dropdown hover menu in navbar

[bimlesh997]

`

• 
  home(current)
  
  
  Action
  Another action
  

  
  Something else here
  
  
  


• 
  headers

                  </li>
                
                  <li class="nav-item">
                      <a class="nav-link" href="#">pages</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="#">portfolio</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="#">blog</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="#">shop</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="#">elements</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="#">
                          <i class="fas fa-shopping-cart"></i>
                          <span class='badge badge-warning' id='lblCartCount'> 0 </span>
                      </a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="#">
                          <i class="fas fa-search"></i>
                      </a>
                  </li>
              </ul>
  
          </div>
      </div>
  </nav>`