如何使 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

如何使 Bootstrap 4 汉堡菜单有效？

How to make Bootstrap 4 Hamburger Menu Work?

responsive-design

hamburger-menu

progressive-web-apps

bootstrap-4