bootstrap-4 - 如何使 Bootstrap 4 汉堡菜单工作？

Question

这是我第一次尝试 PWA： 货运类计算器

我不明白为什么汉堡菜单不起作用。当你点击它时，什么也没有发生，但也没有控制台错误，所以很难调试。

这是代码：

<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