如何使Bootstrap 4汉堡菜单正常工作？

Question

这是我第一次尝试PWA：Freight Class Calculator

我不知道为什么汉堡菜单不起作用。当您单击它时，什么也没有发生，但是还有[[没有控制台错误，因此很难调试。

这里是代码：

<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand logo" href="https://flowster.app/">
            <img src="img/Flowster-Logo-v2-WP-266x90.png" alt="Flowster">
        </a>        
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                <a class="nav-link" href="https://flowster.app/blog/">Blog</a>
                </li>
                <li class="nav-item">
                <a class="nav-link" href="https://in.flowster.app/login">Log In</a>
                </li>
                <li class="nav-item sign-up">
                <a class="nav-link" href="https://in.flowster.app/pricing">Sign Up</a>
                </li>            
            </ul>
        </div>
    </nav>

有什么想法吗？
非常感谢！

Answer 1

据我所知，您从未在HTML中包含bootstrap.js文件。就像这里所说的getbootstrap.com/docs/4.0/getting-started/introduction/#js