srcmini我一直在研究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有关, 但我确实感到茫然。
任何帮助表示赞赏。谢谢。
#1
如果我没记错, 你需要引用你在正文末尾使用的booststrap版本的js才能使其正常工作, 我在使用汉堡包菜单时遇到了类似的问题, 而我只是通过settint js refs解决了它身体的尽头
评论前必须登录！
注册