wordpress上的引导导航栏菜单无折叠
我在折叠引导导航栏菜单时遇到问题。我正在为wordpress创建主题,引导导航栏不工作。bootstrap.css和bootstrap.js在函数中加载。这是我的密码:wordpress上的引导导航栏菜单无折叠,wordpress,twitter-bootstrap,collapse,Wordpress,Twitter Bootstrap,Collapse,我在折叠引导导航栏菜单时遇到问题。我正在为wordpress创建主题,引导导航栏不工作。bootstrap.css和bootstrap.js在函数中加载。这是我的密码: <!-- Static navbar --> <nav class="navbar navbar-default navbar-static-top" role="navigation"> <div class="container-fluid"> <!-- Brand and
<!-- Static navbar -->
<nav class="navbar navbar-default navbar-static-top" 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(); ?>">
<img src="<?php echo get_bloginfo('template_url'); ?>/img/logo.png" class="logo">
</a>
</div>
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 2,
'container' => 'div',
'container_class' => 'navbar',
'menu_class' => 'nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>
</nav>
切换导航
它创造了这个:
有人知道怎么回事吗?(我需要它内联-我知道怎么做,但主要问题是,在小型设备上折叠菜单的按钮不起作用)。
感谢您的帮助您可以尝试以下代码:
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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(); ?>" id="top"><img alt="Company Logo" src="<?php echo (get_template_directory_uri() . '/assest/imgs/logo/e4k-logo.png');?>" /></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 3,
'menu_class' => 'nav navbar-nav navbar-right',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>
</div>
</div>
</nav>
切换导航
我直接从我的一个WordPress主题中获取了这一点,但是如果这不起作用,那么这一定是您在函数中加载bootstrap.css和bootstrap.js的方式。您可以尝试以下代码:
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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(); ?>" id="top"><img alt="Company Logo" src="<?php echo (get_template_directory_uri() . '/assest/imgs/logo/e4k-logo.png');?>" /></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'depth' => 3,
'menu_class' => 'nav navbar-nav navbar-right',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</div>
</div>
</div>
</nav>
切换导航
我直接从我的一个WordPress主题中获取了这一点,但是如果这不起作用,那么这一定是您在函数中加载bootstrap.css和bootstrap.js的方式。数据目标中给出的id与生成菜单的id不匹配?您能否向我们展示由
wp\u nav\u menu()
生成的html?在数据目标中给出的id与生成的菜单的id不匹配?你能给我们看一下由wp\u nav\u menu()
生成的html吗?谢谢,问题是加载脚本不好,所以现在它正在处理你的代码。谢谢,问题是加载脚本不好,所以现在它正在处理你的代码。