Php Wordpress上的引导折叠导航栏

我有我的引导导航栏连接到我的Wordpress导航栏，所有链接都在桌面视图上工作。在移动视图中，导航栏会变成汉堡菜单，但我无法单击它来显示菜单

header.php文件：

 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
          <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 bloginfo('url')?>"<?php bloginfo('name')?></a>
          </div>
           <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="menu">

        <?php
            wp_nav_menu( array(
                'menu'              => 'primary',
                'theme_location'    => 'Primary Nav',
                'depth'             => 3,
                '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())
            );
        ?>
          </ul>
          </div>
      </div>
    </nav>

fuctions.php file:
    <?php

function portfolio_enqueue() {
  //styles
    wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css');
    wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
    //scripts
    wp_register_script('portfolio-js',
    get_template_directory_uri() .'/portfolio-js/portfolio.js', array('jquery'), '1.0.0', true);
    wp_enqueue_script('portfolio-js');
    wp_enqueue_script( 'bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '3.3.7', true);
    wp_enqueue_script('jquery');
}

add_action('wp_enqueue_scripts', 'portfolio_enqueue');

require_once('wp_bootstrap_navwalker.php');

register_nav_menus( array(
    'primary' => __( 'Primary Nav' ),
) );

function portfolio_theme_setup() {
  add_theme_support('menus');
  register_nav_menus(array(
    'primary' => ('Primary Nav')
  ));
}

切换导航


fuctions.php文件：
您应该为您的
bootstrapjs
文件添加
wp\u register\u脚本
：wp\u register\u脚本（'bootstrapjs'，get\u template\u directory\u uri（）。/js/bootstrap.min.js'，数组（'jquery'，3.3.7'，true）；wp_排队_脚本（'bootstrapjs'）？首先，如果你想使用你自己的jquery版本，你必须像下面这样退出wordpress加载的标准jquery
wp\u dequeue\u脚本（“jquery”）
然后注册自己的脚本并将其排入队列。这里有更多信息：我可以使用WordPressjQuery。我正在寻找一种方法，使我的自定义样式的引导菜单在我的Wordpress网站上工作。