我一直在处理一个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="/">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="/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="/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="/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="/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有关，但我真的很茫然。
任何帮助表示赞赏。谢谢。
如果我没有错，你需要引用你在身体末端使用的booststrap版本的js使它工作，我有一个汉堡包菜单的类似问题我解决了它只是通过设置js refs at身体的尽头