Javascript 引导下拉菜单未取消折叠菜单

我到处找了，但似乎找不到解决办法的答案。我正在遵循一个关于如何为我的网站制作导航栏的教程，我也在努力使它对手机友好。我希望导航栏显示一个按钮，可以在较小的设备上取消折叠菜单。但即使我添加了jQuery，它仍然无法打开菜单

这是我的代码，希望这只是一个我忽略的简单修复

个人网站

仅更新

数据目标=“mainNavbar”

替换为

数据目标=“#mainNavbar”

仅更新一行

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavbar">

个人网站

您的按钮有错误。您忘记在数据目标属性中放置#

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

我错过了教程的#部分-#-…愚蠢的错误，但很高兴你抓住了它！谢谢你的帮助！