Bootstrap导航栏中的菜单不会折叠[关闭]

Question

关闭。 此问题不可重现或由拼写错误引起。 它目前不接受答案。

---

此问题是由拼写错误或无法再重现的问题引起的。 虽然类似的问题可能是这里的主题，但这个问题的解决方式不太可能帮助未来的读者。

3天前关闭。

改进这个问题

我正在一个网站上工作，虽然导航栏是响应式的，但当我按下“汉堡”图标时，导航栏不会在小屏幕上折叠。

这是代码：

<nav class="navbar navbar-expand-lg navbar-light bg-transparent text-english" id="nav-style">
        <div class="container">

            <a  href="index-en.html" class="navbar-brand" style="font-weight: 700;" onmouseover="this.style.color='#a7c957'" onmouseout="this.style.color='#000'">
                <img src="art/icon.svg" width="50" height="50" class="d-inline-block align-middle" style="margin-right: 20px;">
                Bait Ul-Ilm
            </a>

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav-menu">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="nav-menu">
                <div class="navbar-nav ml-auto" style="font-weight: 700;">
    
                    <a href="index-en.html" class="nav-link active navbar-item">Home</a>
                    <a href="contribute-en.html" class="nav-link navbar-item">Contribute</a>
                    <a href="#" class="nav-link text-urdu">اردو</a>
                              
                </div>
            </div>
        </div>
    </nav>

有没有我可能遗漏的重要代码？

Answer 1

您是否一直在导入 bootstrap.js 文件？ 通常，当我忘记该导入文件时，我会收到此错误。