导航栏中的下拉菜单：项目不会出现

问题描述

我想要一个包含项目的下拉列表，但该项目没有出现在下拉列表中。我使用来自引导站点官方的代码。

 <nav class="navbar navbar-expand-lg navbar-dark bg-primary ">
    
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="#"><i class="fas fa-plus"></i>&nbsp;Add new article</a>
                </li>
                <li class="nav-item dropdown">
                    <div class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false">Categorie
                      <ul class="dropdown-menu">
                        <li>
                          <div class="dropdown-item">Another action</div>
                        </li>
                        <li>
                          <div class="dropdown-item">Another action</div>
                        </li>
                        <li>
                          <div class="dropdown-item">Something else here</div>
                        </li>
                    
                      </ul>
                    </div>
                </li>
            </ul>
        </div>
    
</nav>

谢谢，我需要帮助

解决方法

尝试将您的下拉列表更改为以下内容：

<div class="dropdown-menu mt-3">
    <a class="dropdown-item"><i class="fa fa-user"></i> Edit Profile</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item">
      <i class="fa fa-sign-out" aria-hidden="true"></i>Logout
    </a>
</div>