Question

我尝试使用wordpress与wp-bootstrap-navwalker实现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>

我认为我的问题来自菜单类，容器类和容器ID。

感谢。

Answer 1

我发现了问题。我的style.css中的旧css样式与Jasny Bootstrap菜单冲突。

羞辱我。 :)

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

1 个答案: