title: Bootstrap 4 wordpress navwalker dropdown dont work
body: <p>my bootstrap 4 navigation dropdown wont work.
  im using the navwalker from : <a href="https://github.com/mebishalnapit/bootstrap-navwalker" rel="nofollow noreferrer">https://github.com/mebishalnapit/bootstrap-navwalker</a>
  and im getting the look i want. but the dropdowns dont work when i add a subpage in wordpress. </p>
  
  <p>this is the plain html that gives me the right dropdown look.(this is the html markup i want after implementing in wordpress) </p>
  
  <pre><code>&lt;div id="main_display" class="container-fluid nopadding"&gt;
  &lt;header&gt;
    &lt;nav id="header" class="navbar fixed-top navbar-expand-lg navbar-dark bg-nav transition"&gt;
      &lt;div id="header-container" class="container"&gt;
  
        &lt;a id="brand" class="navbar-brand" href="#"&gt;&lt;img src="images/logo_white.png" style="height:70px;"&gt;&lt;/a&gt;
          &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
              &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
          &lt;/button&gt;
  
      &lt;div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"&gt;
          &lt;ul class="navbar-nav"&gt;
              &lt;li class="nav-item dropdown"&gt;
                  &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;Om Corax&lt;/a&gt;
  
                  &lt;div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"&gt;
                      &lt;a class="nav-link dropdown-item" href="#"&gt;subpage&lt;/a&gt;
                      &lt;a class="nav-link dropdown-item" href="#"&gt;subpage&lt;/a&gt;
                      &lt;a class="nav-link dropdown-item" href="#"&gt;subpage&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
  </code></pre>
  
  <p>And this is how my menu looks in my header.php wordpress file: </p>
  
  <pre><code>&lt;nav id="header" class="navbar fixed-top navbar-expand-lg navbar-dark bg-nav transition"&gt;
          &lt;div id="header-container" class="container"&gt;
              &lt;a id="brand" class="navbar-brand" href="&lt;?php bloginfo( 'url' ); ?&gt;"&gt;&lt;img src="&lt;?php echo get_template_directory_uri(); ?&gt;/images/logo_white.png" style="height:90px;"&gt;&lt;/a&gt;
              &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
                  &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
              &lt;/button&gt;
  
              &lt;div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"&gt;
  
              &lt;?php
              wp_nav_menu( array(
                  'theme_location' =&gt; 'primary',
                  'menu_id'        =&gt; 'header',
                  'container'      =&gt; false,
                  'depth'          =&gt; 2,
                  'menu_class'     =&gt; 'navbar-nav',
                  'walker'         =&gt; new Bootstrap_NavWalker(),
                  'fallback_cb'    =&gt; 'Bootstrap_NavWalker::fallback',
              ) );
              ?&gt;
  </code></pre>
  
  <p>guess its here im messing up, not 100% on what to put in the wp_nav_menu array.
  Anyone who can help me? </p>