首次使用Bootstrap4+;Wordpress组合

首次使用Bootstrap4+;Wordpress组合,wordpress,bootstrap-4,Wordpress,Bootstrap 4,我已经使用Bootstrap4为Wordpress制作了主题。我已经把我的新布局和我的Wordpress站点连接起来了,但仍然无法处理navbar。我从互联网上尝试了很多选择,但就是不能让我的导航栏正常工作 我读过Wordpress codex并尝试过这个,但我不知道如何在我的代码中使用它 $defaults = array( 'menu' => '', 'container' => 'div', 'container_class' => '', 'container_id'

我已经使用Bootstrap4为Wordpress制作了主题。我已经把我的新布局和我的Wordpress站点连接起来了,但仍然无法处理navbar。我从互联网上尝试了很多选择,但就是不能让我的导航栏正常工作

我读过Wordpress codex并尝试过这个,但我不知道如何在我的代码中使用它

$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下拉菜单工作得很好。:)嗯,但现在我有另一个问题了。在移动设备上,当“我的菜单”打开时,只有搜索栏,没有菜单:/