WordPress Bootstrap Handburger菜单无法打开 _WordPress主题

【WordPress Bootstrap Handburger菜单无法打开】我一直在研究Worpress Bootstrap主题(我的编辑临时域是https://inedited-remains.000webhostapp.com), 但是遇到了一个似乎无法解决的问题。我已经尝试了所有我知道该怎么做的方法, 并搜索了主题模板的论坛以及此处的StackOverflow, 但似乎找不到答案。我已经重置了主题并重新安装了它, 这就是为什么所有字体都很平淡的原因, 但是现在我主要关注的是导航菜单。该模板具有响应式导航菜单, 当屏幕到达特定点以下时, 该菜单将成为汉堡包。

< html lang="en-GB" class="gr__inedited-remains_000webhostapp_com"> < head> < link rel="stylesheet" id="bootstrap-css" href="https://inedited-remains.000webhostapp.com/wp-content/themes/greatmag/bootstrap/css/bootstrap.min.css?ver=1" type="text/css" media="all"> < link rel="stylesheet" id="greatmag-style-css" href="https://inedited-remains.000webhostapp.com/wp-content/themes/greatmag/style.css?ver=5.1.1" type="text/css" media="all"> < nav id="site-navigation" class="navbar navbar-static-top navbar-default main-navigation bgf6"> < div class="container"> < div class="row"> < div class="collapse navbar-collapse"> < ul id="menu-main" class="nav navbar-nav"> < li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-8 active"> < a title="Home" href="http://www.srcmini.com/"> Home< /a> < /li> < li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"> < a title="Bladesmithing Courses" href="http://www.srcmini.com/courses"> Bladesmithing Courses< /a> < /li> < li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"> < a title="Location" href="http://www.srcmini.com/location"> Location< /a> < /li> < li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11"> < a title="Accommodation" href="http://www.srcmini.com/accommodation"> Accommodation< /a> < /li> < li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"> < a title="Contact Us" href="http://www.srcmini.com/contact"> Contact Us< /a> < /li> < /ul> < /div> < button class="off-canvas-trigger" aria-controls="primary" aria-expanded="false"> ----< span class="icon-bar"> < /span> < span class="icon-bar"> < /span> < span class="icon-bar"> < /span> < /button> < /div> < /div> < /nav> < body> < div> < row class="container"> Hello... Blablabla... Thanks< /row> < /div> < /body>

正如你在代码段中看到的那样, 单击菜单时它不会打开任何东西, 与网站上的一样。这可能与CSS有关, 但我确实感到茫然。
任何帮助表示赞赏。谢谢。
#1如果我没记错, 你需要引用你在正文末尾使用的booststrap版本的js才能使其正常工作, 我在使用汉堡包菜单时遇到了类似的问题, 而我只是通过settint js refs解决了它身体的尽头