我在我的 WordPress 主题中使用 Bootstrap 。但是导航菜单样式没有正确显示。 Bootstrap 排队很好。 这是我的输出菜单代码
<div class="nav-container">
<nav class="navbar navbar-default">
<?php
wp_nav_menu( array(
'menu' => 'primary',
'menu_class' => 'nav navbar-nav',
'container' => '<ul>'
) );
?>
</nav>
</div>
代码输出
<nav class="navbar navbar-default">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
但是导航链接显示时没有 Bootstrap 导航样式。 check screenshot
最佳答案
我强烈推荐使用自定义navwalker
专门用于Bootstrap。
检查 this出去。
用法是这样的,但使用上面的链接检查他们易于遵循的文档。
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<?php echo home_url(); ?>">
<?php bloginfo('name'); ?>
</a>
</div>
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'bs-example-navbar-collapse-1',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker())
);
?>
</div>
</nav>
关于css - Bootstrap 导航菜单在 WordPress 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46401796/