Bootsptrap 4 导航栏汉堡菜单在 Safari 中不起作用

Question

我创建了一个网站，在进行跨浏览器测试后，我意识到我的导航栏菜单（使用引导程序 4 构建）汉堡菜单不可点击且无法打开。我检查了很多解决方案，但仍然找不到解决方案。我不明白为什么 Safari 会以与其他浏览器不同的方式显示它？在所有其他浏览器中，导航栏完美运行并且完全响应。你能帮我解决这个问题吗？非常感谢！

请看下面我的 html 代码片段：

      <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
        <div class="container-fluid">
          <div class="custom-wrapper">
            <a class="navbar-brand" href="#services">Web Development</a>
            <button
              class="navbar-toggler"
              type="button"
              data-toggle="collapse"
              data-target="#my-menu"
              aria-controls="my-menu"
              aria-expanded="false"
              aria-label="Toggle navigation"
            >
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="my-menu">
              <div class="navbar-nav">
                <a class="nav-link active" href="./index.html">Home</a>
                <a class="nav-link" href="./about.html">My Work</a>
                <a class="nav-link" href="./pricing.html">Pricing</a>
                <a class="nav-link" href="./contact.html">Contact</a>
              </div>
            </div>
          </div>
        </div>
      </nav>