Bootstrap4導航欄折疊按鈕無響應

Question

我可以看到導航欄，但是當我單擊它具有下拉菜單時，它沒有響應。

<!-- Navbar -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
    <a class="navbar-brand" href="#">
        <!-- Logo -->
        My name
    </a>

        <!-- collapse when screen get small -->
    <button type="button" class="navbar-toggler" data-toggle="collapse" 
    data-target=".navbar-collapse">
    <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarResponsive"> 
    <!-- ml-auto: Setting navbar to right -->
        <ul class="nav navbar-nav ml-auto">
            <!-- active class makes current location brighter -->
            <li class="nav-item">
            <!-- #home goes to <div id="home">  -->
            <a class="nav-link" href="#home">Home</a>
            </li>
            <li class="nav-item">
            <a class="nav-link" href="#about_me">About Me</a>
            </li>
            <li class="nav-item">
            <a class="nav-link" href="#projects">Projects</a>
            </li>
            <li class="nav-item">
            <a class="nav-link" href="#References">References</a>
            </li>
            <li class="nav-item">
            <a class="nav-link" href="#contact">Contact</a>
            </li>
        </ul>
    </div>
</nav>

我正在使用bootstrap4，所有類都來自bootstrap。 提前致謝！

Answer 1

HTML / CSS看起來不錯。 確保按該順序包含jQuery，poppper.js和bootstrap.js ，否則依賴於它的任何功能將不起作用。

將其粘貼到此Codepen中 ，即可正常工作。