how to make the dropdown list item clickable on hover

[RitikaGuptaaiv]

Edited by maintainer to see the actual code with Markdown syntax highlighting

---

 <li class="nav-item dropdown">
         <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
           Dropdown
         </a>
         <ul class="dropdown-menu">
           <li><a class="dropdown-item" href="#">Action</a></li>
           <li><a class="dropdown-item" href="#">Another action</a></li>
           <li><hr class="dropdown-divider"></li>
           <li><a class="dropdown-item" href="#">Something else here</a></li>
         </ul>
       </li> 

by this we can only click the dropdown list item when Dropdown link is clicked. but , I want the same effect on hover

[patkon]

With a few lines of CSS

.dropdown:hover .dropdown-menu {
    display: block;
}