首次使用Bootstrap4+;Wordpress组合
我已经使用Bootstrap4为Wordpress制作了主题。我已经把我的新布局和我的Wordpress站点连接起来了,但仍然无法处理navbar。我从互联网上尝试了很多选择,但就是不能让我的导航栏正常工作 我读过Wordpress codex并尝试过这个,但我不知道如何在我的代码中使用它首次使用Bootstrap4+;Wordpress组合,wordpress,bootstrap-4,Wordpress,Bootstrap 4,我已经使用Bootstrap4为Wordpress制作了主题。我已经把我的新布局和我的Wordpress站点连接起来了,但仍然无法处理navbar。我从互联网上尝试了很多选择,但就是不能让我的导航栏正常工作 我读过Wordpress codex并尝试过这个,但我不知道如何在我的代码中使用它 $defaults = array( 'menu' => '', 'container' => 'div', 'container_class' => '', 'container_id'
$defaults = array( 'menu' => '', 'container' => 'div', 'container_class' => '', 'container_id' => '', 'menu_class' => 'menu', 'menu_id' => '',
'echo' => true, 'fallback_cb' => 'wp_page_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', 'item_spacing' => 'preserve',
'depth' => 0, 'walker' => '', 'theme_location' => '' );
$defaults=array('menu'=>'','container'=>'div','container\u class'=>'','container\u id'=>'','menu\u class'=>'menu','menu\u id'=>'',
'echo'=>true',fallback'=>'wp_page_menu','before'=>'','before'=>'',link_before'=>'','link_before'=>'',link_before'=>,'items_wrap'=>'%3$s
,'item_space=>'preserve',
“深度”=>0,“步行者”=>“,”主题位置“=>”;
以下是我的导航代码:
<body>
<nav class="navbar navbar-light bg-towary navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="#"><img src="<?php echo get_stylesheet_directory_uri(); ?>/img/logo.png" class="logo-main d-inline-block mr-1 align-bottom" alt="My site logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainmenu" aria-controls="mainmenu" aria-expanded="false" aria-label="Navbar button mobile">
<span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="mainmenu">
<ul class="navbar-nav w-75 justify-content-center">
<li class="nav-item active">
<a class="nav-link" href="index.php"> HOME </a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-expanded="false" id="submenu" aria-haspopup="true"> Page 1</a>
<div class="dropdown-menu" aria-labelledby="submenu">
<a class="dropdown-item" href="#"> Page 1 submenu 1 </a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"> Page 1 submenu 2 </a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Page 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Page 3</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Page 4 </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Page 5</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Page 6</a>
</li>
</ul>
<!-- Searchbar -->
<form class="form-inline w-25 justify-content-center">
<input class="form-control mr-1 w-50 xs-col-12" type="search" placeholder="Search..." aria-label="Search">
<button class="btn btn-light xs-col-12" type="submit">Szukaj</button>
</form>
</div>
</div>
</nav>
-
-
-
-
-
-
-
Szukaj
引导程序需要javascript用于导航栏下拉列表。您可以在这里找到更多信息:引导程序需要javascript用于导航栏下拉列表。您可以在此处找到更多信息:谢谢。我在head部分添加了JS,现在我的navbar下拉菜单工作得很好。:)嗯,但现在我有另一个问题了。在移动设备上,当我的菜单打开时,只有搜索栏,没有菜单:/谢谢。我在head部分添加了JS,现在我的navbar下拉菜单工作得很好。:)嗯,但现在我有另一个问题了。在移动设备上,当“我的菜单”打开时,只有搜索栏,没有菜单:/