Bootstrap v5 wp-bootstrap-navwalker Dropdown-Navigationsleiste funktioniert nicht

Ich benutze Bootstrap v5 und [wp-bootstrap-navwalker][1]

in function.php

<?php
  require_once('class-wp-bootstrap-navwalker.php');
  function main_menu(){
    wp_nav_menu(array(
      'theme_location'    => 'main-menu',
      'menu_class'        => 'nav navbar-nav',
      'depth'             => 2,
      'container'         => 'div',
      'container_class'   => 'collapse navbar-collapse',
      'container_id'      => 'navbarSupportedContent',
      'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
      'walker'            => new WP_Bootstrap_Navwalker(),
    ));
  }
?>

in header.php

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container">
    <a class="navbar-brand" href="#">Navbar</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <?php main_menu() ?>
  </div>
</nav>

das Dropdown-Menü funktioniert nicht
[1]: https://github.com/wp-bootstrap/wp-bootstrap-navwalker

Bootstrap 5.0.0 [ 2021 ]

Getestet und funktioniert ✔

Sie können diese Funktion verwenden. Dies wird aktualisiert data-toggle zu data-bs-toggle.

add_filter( 'nav_menu_link_attributes', 'bootstrap5_dropdown_fix' );
function bootstrap5_dropdown_fix( $atts ) {
     if ( array_key_exists( 'data-toggle', $atts ) ) {
         unset( $atts['data-toggle'] );
         $atts['data-bs-toggle'] = 'dropdown';
     }
     return $atts;
}

Quelle: https://github.com/wp-bootstrap/wp-bootstrap-navwalker/issues/499

Beheben des Hamburger-Symbol-Dropdowns

OP verwendet bereits die neuen Navigationsleistenelemente. Aber wenn jemand von Ihnen das alte verwendet und nur die Funktionen von oben aktualisiert hat, dann folgen Sie den Schritten unten.

In Responsive funktioniert das Hamburger-Symbol nicht, wenn Sie die alten Klassen verwenden. Sie müssen auch Ihre from aktualisieren data-toggle zu data-bs-toggle

<button ... data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" ...>
   <!--span-->
</button>