ASP.NET Web应用程序Site.Master页面下拉菜单点击无响应问题求助

大家好，我正在我的ASP.NET项目里做导航栏的下拉菜单，结果遇到了个小问题，想请各位帮忙看看。

这是我写的导航栏代码：

<div class="navbar navbar-expand-sm navbar-toggleable-sm navbar-dark navbar-custom">
    <div class="container">
        <div class="navbar-header">
            <img src="Imgaes/TrustnetLogo.png" />
            <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" title="Toggle navigation" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="navbar-nav nav">
                <li><a class="nav-link" runat="server" href="~/">Home</a></li>
                <li><a class="nav-link" runat="server" href="~/About">About</a></li>
                <li><a class="nav-link" runat="server" href="~/Contact">Contact</a></li>
                <li>
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Products<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#" runat="server">Option 1</a></li>
                        <li><a href="#" runat="server">Option 1</a></li>
                        <li><a href="#" runat="server">Option 1</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

现在的情况是：导航栏能正常显示，Products选项旁边也有下拉的小标识，但我点击Products的时候，下拉菜单完全没反应，根本不会展开。我本来预期点击后，下面的三个Option 1选项能正常显示出来的。

有没有大佬能帮我排查下问题出在哪呀？

备注：内容来源于stack exchange，提问作者Bar Halifa