我想做一个下拉菜单。我搜索了不同的技术,但我的设计正在改变

i want to make a dropdown menu . I searched for the different techniques but my design is changing

我想让 lead(在仪表板下方)成为下拉菜单。不改变我的设计。

潜在客户在 ul tag 下。

<div class="wrapper ">
        <div class="sidebar" data-color="purple" data-background-color="white" data-image="../assets/img/sidebar-1.jpg">
          

          <div class="logo"><a href="http://www.creative-tim.com" class="simple-text logo-normal">
              Creative Tim
            </a></div>
          <div class="sidebar-wrapper">
            <ul class="nav">
                     
              <li class="nav-item ">
                <a class="nav-link" href="{% url 'UserProfile' %}">
                  <i class="material-icons">person</i>
                  <p>Lead</p>
                </a>
              </li>
    
              
          
    
    
    
            
enter code here
<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>
</html>