Javascript 引导程序4（Jquery？）-移动菜单中的导航项不'；行不通

我使用Bootstrap4制作了导航栏，当我打开网站时，菜单中的移动屏幕链接不起作用。这是我的密码：

<nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #E2BA28">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-content" aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <!-- Brand -->
        <a class="navbar-brand" href="https://www.example.com"><img src="logo" width="60" class="d-inline-block align-top" alt=""></a>

        <!-- Links -->
        <div class="collapse navbar-collapse justify-content-end" id="nav-content">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link eak-link" href="https://www.example.com">example</a>
            </li>
            <li class="nav-item">
                <a class="nav-link eak-link" href="https://www.example.com">example</a>
            </li>
            <li class="nav-item">
                <a class="nav-link eak-link" href="#">example</a>
            </li>
            <li class="nav-item">
                <a class="nav-link eak-link" href="https://www.example.com">example</a>
            </li>
            <li class="nav-item">
                <a class="nav-link eak-link eak-abc" href="https://www.example.com">example</a>
            </li>
        </ul>
</nav>

---

谢谢你的帮助

除了在页面的页脚添加bootstrap的js代码外，还需要包括

jQuery

这是一支工作笔：

---

你所说的“链接不起作用”是什么意思？我正在单击它们，它们什么都不起作用。在关闭

nav

标记之前，你错过了一个关闭

div

标记。谢谢，但仍然不起作用：（抱歉，但它也不起作用。但是当我用animated.css禁用我的js时，它就起作用了，所以当屏幕大小小于600像素宽时，可以禁用我的js吗？

$(document).ready(function(){
      $('.nav-item').hover(function(){
          $(this).toggleClass('animated bounceIn')
      });
});