在这里，我使用了引导模板，但下拉菜单无法打开..我仍然是一个初学者，我不知道如何解决它，我的问题的解决方案是什么？

<代码><；！--导航-->；<；导航类="；导航栏导航栏扩展器LG导航栏指示灯BG指示灯"；>；<；DIV类="；容器PX-4 PX-LG-5"；>；<；A类="；Navbar-Brand"；href="；#！"；>；Mitra Jaya家具<；/a>；<；按钮类="；导航栏切换程序"；类型="；按钮"；data-BS-toggle=“折叠”data-BS-target="；#NavBarSupportedContent"；aria-controls="；NavBarSupportedContent"；aria-expanded="；false"；aria-label="；切换导航"；>；<；span类="；导航栏切换图标"；>；<；/span>；<；/按钮>；<；DIV类="；折叠导航条-折叠"；ID="；导航栏支持内容"；>；<；UL类="；NAVBAR-NAV ME-AUTO MB-2 MB-LG-0 MS-LG-4<；Li类="；NAV-ITEM"；>；<；a类="；NAV-LINK ACTIVE>；aria-current="；页面"；href="；#！"；>；主页<；/a>；<；/Li>；<；Li类="；NAV-ITEM"；>；<；A类="；NAV-LINKhref="；#！"；>；天堂卡米<；/a>；<；/Li>；<；Li类="；NAV-ITEM下拉菜单"；>；<；A类="；NAV-LINK下拉菜单-切换"；ID="；NavBarDropDown"；href="；#！"；角色=“按钮”data-BS-toggle="；下拉列表"；aria-expanded="；false"；>；卡特戈里<；/a>；<；UL类="；下拉菜单"；Aria-labelledby="；NavBarDropDown"；>；<；Li>；<；a类="；下拉项"；href="；#！"；>；所有产品<；/a>；<；/Li>；<；Li>；<；HR类="；下拉分隔符"；/>；<；/Li>；<；Li>；<；a类="；下拉项"；href="；#！"；>；热门项目<；/a>；<；/Li>；<；Li>；<；a类="；下拉项"；href="；#！"；>；新到货<；/a>；<；/Li>；<；/UL>；<；/Li>；<；Li类="；NAV-ITEM"；>；<；A类="；NAV-LINKhref="；#！"；>；天堂卡米<；/a>；<；/Li>；<；/UL>；<；窗体类="；D-Flex"；>；<；按钮类="；btn btn-outline-dark"；类型="；提交"；>；<；I类="；双车填充ME-1"；>；<；/I>；大车<；span类="；徽章BG-深色文本-白色MS-1圆形药丸"；>；0<；/span>；<；/按钮>；<；/窗体>；<；UL类="；NAVBAR-NAV ME-AUTO MB-2 MB-LG-0 MS-LG-4<；Li类="；NAV-ITEM"；>；<；A类="；NAV-LINKhref="；login.PHP"；>；登录<；/a>；<；/Li>；<；/UL>；<；/DIV>；<；/DIV>；<；/导航>；

为什么不显示下拉框？这里是你可以看到更多的代码在这里预览https：//jsfiddle.net/laelza/yq68dok5/1/

请务必告诉我我错在哪里。非常感谢：）

顺晟科技：

好像忘记添加bootstrap的JS代码了：

<!-- Navigation-->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container px-4 px-lg-5">
            <a class="navbar-brand" href="#!">MITRA JAYA FURNITURE</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
                    <li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="#!">Tentang Kami</a></li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#!" role="button" data-bs-toggle="dropdown" aria-expanded="false">Kategori</a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <li><a class="dropdown-item" href="#!">All Products</a></li>
                            <li><hr class="dropdown-divider" /></li>
                            <li><a class="dropdown-item" href="#!">Popular Items</a></li>
                            <li><a class="dropdown-item" href="#!">New Arrivals</a></li>
                        </ul>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="#!">Tentang Kami</a></li>
                </ul>
                <form class="d-flex">
                    <button class="btn btn-outline-dark" type="submit">
                        <i class="bi-cart-fill me-1"></i>
                        Cart
                        <span class="badge bg-dark text-white ms-1 rounded-pill">0</span>
                    </button>
                </form>
                 <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
                 <li class="nav-item"><a class="nav-link" href="login.php">Login</a></li>
             </ul>
            </div>
        </div>
    </nav>

下面是一个实例：https：//jsfiddle.net/8e3y6lfv/。