Bootstrap 3导航链接不在大屏幕上内联
问题描述:
我正在将父主题的导航更改为引导默认值(我正在创建一个子主题,并且父主题已经使用引导程序) 父主题已经具有引导程序代码在functions.php(和一堆其他导航js文件,我不需要)所以我复制header.php到子主题,并用默认值替换导航信息。Bootstrap 3导航链接不在大屏幕上内联
一切工作正常功能,除非正常大小的屏幕上的链接堆叠在另一个顶部而不是旁边。和:悬停状态(背景颜色)点亮导航栏的整个宽度。当我使用默认的代码(没有链接到WordPress的菜单),它工作正常。但是当我添加wp代码时,它将链接堆叠起来。
<div class="collapse navbar-collapse navbar-ex1-collapse">
<?php /* Primary navigation */
wp_nav_menu(array(
'menu' => 'top_menu',
'depth' => 2,
'container' => false,
'menu_class' => 'nav',
//Process nav menu using our custom nav walker
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>
我没有更改任何的style.css或functions.php的只是添加的代码行
require_once('wp_bootstrap_navwalker.php');
因为父主题没有它。
答
尝试导航栏,导航添加到您的菜单类
<div class="collapse navbar-collapse navbar-ex1-collapse">
<?php /* Primary navigation */
wp_nav_menu(array(
'menu' => 'top_menu',
'depth' => 2,
'container' => false,
'menu_class' => 'nav navbar-nav',
//Process nav menu using our custom nav walker
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>
魔术,谢谢! – user3550879 2015-03-19 17:06:21