Can I use your snippets along with this?
https://github.com/dupkey/bs4navwalker

Nice tool. Few suggestions (not really an issue)

1. Tell the user how to show the colors of sub-menu items
2. When an item is expanded, change the arrow from down to right (maybe)
3. Place license file as in License.txt

Thank you for a good software.

• Add Mega menu
  -Mega menu Supports tabs & Carousal

This doesn't work on latest Bootstrap 4.3.1

where is the hover version

Can You please add a license declaration to You zip. In some countries no license means that use is not free

Really love this, but am trying with latest Bootstrap 4.0 beta and the clickable version is not working, the first Submenu under the "Dropdown Link" closes when you click on it. Will there be an update? Thank you.

add option for let dropdown menu shows in left of offset parent,
ex.

todo: change the last "if" in the click event handler into :

    if ( !$parent.parent().hasClass( 'navbar-nav' ) ) {
        if($parent.hasClass("dropleft")){
            $el.next().css( { "top": $el[0].offsetTop, "left": -($el.next().outerWidth() - 4) } );//left
        }else{
            $el.next().css( { "top": $el[0].offsetTop, "left": $parent.outerWidth() - 4 } );//right
        }
    }

https://codepen.io/katiDev/pen/VyEMKL

Seems to break functionality with Bootstrap 4.3.1

This is very nice! Only catch is that it doesn't work with dropdown-menu-right (dropdown aligned with the right of the container not the left). This results in sub-menus disappearing off the side of the page.

However - it's easy to fix. Change this (bootstrap-4-navbar.js, line 25):

if ( !$parent.parent().hasClass( 'navbar-nav' ) ) {
$el.next().css( { "top": $el[0].offsetTop, "left": $parent.outerWidth() - 4 } );
}

to this:

if (!$parent.parent().hasClass('navbar-nav')) {
var $drop = $el.next();
if ($drop.hasClass('dropdown-menu-right')) {
$drop.css({ "top": $el[0].offsetTop, "right": $parent.outerWidth() - 4 });
} else {
$drop.css({ "top": $el[0].offsetTop, "left": $parent.outerWidth() - 4 });
}
}

And if the sub-menu has the dropdown-menu-right class it'll be placed on the left rather than the right side of the parent dropdown.

Please add search functionality, icons at the end of each menu, menu header

hello guys i didnot find anythink about it how can be hoverable thank you

Essentially the .on('click') method is firing twice every click (one in, one out likely).

Add an off() method in-between the on('click')

$( '.dropdown-menu a.dropdown-toggle' ).on( 'click', function ( e ) {

to

$( '.dropdown-menu a.dropdown-toggle' ).off().on( 'click', function ( e ) {

reference: https://stackoverflow.com/questions/14969960/jquery-click-events-firing-multiple-times

If there are many items in the navbar they are rendereded over the right border of the window and are not visibile. It may happens when the items are generated dinamically.
I prefer if it wraps to new line as with primefaces menubar (https://www.primefaces.org/primeng/#/menubar)

<nav class="navbar navbar-expand-md navbar-light bg-light">

  <div class="collapse navbar-collapse" id="navbarNavDropdown">

    <ul class="navbar-nav">

      <li class="nav-item">

        <a class="nav-link" href="#">Item 1</a>

      </li>

      ...

      <li class="nav-item">

        <a class="nav-link" href="#">Item N</a>

      </li>

    </ul>

  </div>

</nav>