我想做一个下拉菜单。我搜索了不同的技术,但我的设计正在改变
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>
我想让 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>