引导菜单在移动设备上不起作用

Question

我在移动设备上有菜单图标，但是当我单击它时，菜单不显示。这是我的代码。我已经尝试了一切，但似乎没有任何效果。

<div class="znav-white znav-container sticky-top navbar-elixir" id="znav-container">
  <div class="container">
    <nav class="navbar navbar-expand-lg">
      <a class="navbar-brand overflow-hidden pr-3" href="index.html">
        <img src="assets/images/tsa-logo.png" alt="" />
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <div class="hamburger hamburger--emphatic">
          <div class="hamburger-box"><div class="hamburger-inner"></div></div>
        </div>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav fs-0 fw-700">
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="newsroom.html">Jobs</a></li>
          <li><a class="d-block mr-md-9" href="contact.html">Contact</a></li>
        </ul>
        <ul class="navbar-nav ml-lg-auto">
          <li><a class="btn btn-outline-primary btn-capsule btn-sm border-2x fw-700" href="policy.html" target="_blank">Privacy Policy</a></li>
        </ul>
      </div>
    </nav>
  </div>
</div>