Bootstrap 5 導航欄不會打開“href”中設置的鏈接

所以我在開發我的整個頁面後遇到了這個問題，我開始處理我的第二個頁面。我正在使用 bootstrap 5 導航欄。我設置導航欄的方式是，一旦它達到斷點，我就會禁用視圖並允許在更大的屏幕上顯示完整的導航欄。

有趣的是，如果您右鍵單擊並打開一個新選項卡，它會打開正確的頁面，但我不能只單擊它就可以將我帶到那裡。

此問題僅發生在下拉菜單鏈接上。不是主要的ul

這是代碼 -

 <nav class="navbar fixed-top navbar-light bg-light border-bottom border-secondary py-0 px-0">
            <div class="container-fluid" id="navbar-custom-markup">
                <a href="" class="navbar-brand p-2" id="navbar-hlink-markup"><img src="https://robotica.media/wp-content/uploads/2021/07/Robotica-White-300x100.png" id="navbar-logo-markup" alt="Robotica Logo" title="Robotica Logo" aria-label="Robotica Logo"></a>
                <ul class="navbar-nav d-flex flex-row justify-content-center text-center" id="navbar-media-markup">
                    <li class="nav-item px-1"><a href="#" class="nav-link text-white px-1 py-1 navbar-bold-markup" alt="Link to Cassie Gazette Page" title="Link to Cassie Gazette Page" aria-label="Link to Cassie Gazette Page">Cassie Gazette</a></li>
                    <li class="nav-item px-1"><a href="welcome-to-the-zoo.html" class="nav-link text-white px-1 py-1 navbar-bold-markup" alt="Link to Welcome to the Zoo Page" title="Link to Welcome to the Zoo Page" aria-label="Link to Welcome to the Zoo Page">Welcome to the Zoo</a></li>
                    <li class="nav-item px-1"><a href="#" class="nav-link text-white px-1 py-1 navbar-bold-markup" alt="Link to Benefits and Features Page" title="Link to Benefits and Features Page" aria-label="Link to Benefits and Features Page">Benefits and Features</a></li>
                </ul>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDarkDropdown" aria-controls="navbarNavDarkDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon alin"></span>
                </button>
                <div class="collapse navbar-collapse border-top" id="navbarNavDarkDropdown">
                    <ul class="navbar-nav my-2">
                    <li class="nav-item dropdown d-flex f-row navbar-dropdown-right-markup">
                        <a class="nav-link text-white px-1 py-1 navbar-bold-markup" href="index.html" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false" alt="Link to Cassie Gazette Page" title="Link to Cassie Gazette Page" aria-label="Link to Cassie Gazette Page">
                            Cassie Gazette
                        </a>
                        <a class="nav-link mx-1 text-white px-1 py-1 navbar-bold-markup" href="welcome-to-the-zoo.html" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"  alt="Link to Welcome to the Zoo Page" title="Link to Welcome to the Zoo Page" aria-label="Link to Welcome to the Zoo Page">
                            Welcome to the Zoo
                        </a>
                        <a class="nav-link text-white px-1 py-1 navbar-bold-markup" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false" alt="Link to Benefits and Features Page" title="Link to Benefits and Features Page" aria-label="Link to Benefits and Features Page">
                            Benefits and Features
                        </a>
                    </li>
                    </ul>
                </div>
            </div>
        </nav>

需要任何更多信息，請務必索取。