如何使用 Wordpress 实现 Jasny Bootstrap Off Canvas 菜单？

Question

我尝试使用带有 wp-bootstrap-navwalker 的 wordpress 实现 Jasny Bootstrap Off Canvas 菜单。幻灯片效果很好，但它是空的。你可以看到 the Jasny Bootstrap Off Canvas menu here

这是我的代码：

 <nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">

<?php /* Primary navigation */
wp_nav_menu( array(
'menu' => 'top_menu',
'depth' => 3,
'container' => 'div',
'container_class'   => 'offcanvas',
'container_id'      => 'myNavmenu',
'menu_class'        => 'nav navmenu navmenu-default',
//Process nav menu using our custom nav walker
'  walker' => new wp_bootstrap_navwalker())
);
?>
</nav>
<div class="navbar navbar-default navbar-fixed-top">
<button type="button" class="navbar-toggle" data-toggle="offcanvas" data-      target="#myNavmenu" data-canvas="body">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>

我认为我的问题来自菜单 class、容器 class 和容器 ID。

谢谢。

Answer 1

我发现了问题。这是我 style.css 中的旧 css 风格，与 Jasny Bootstrap 菜单相冲突。

真丢人。 :)

如何使用 Wordpress 实现 Jasny Bootstrap Off Canvas 菜单？

How to implement Jasny Bootstrap Off Canvas menu with Wordpress?

wordpress

twitter-bootstrap

jasny-bootstrap