Html 在wordpress中使用navwalker引导菜单

在桌面和移动设备上使用引导菜单和navwalker时，我试图找到一个完美的折衷方案

我无法让它显示子菜单项（即主菜单项有子菜单项，其中一个子菜单项有子菜单项）。所有东西都可以在手机上工作，但孩子们不会显示在桌面上

标题中的代码如下所示：

<nav class="navbar navbar-inverse bs-docs-nav col-md-9" role="banner">
                        <div class="navbar-header">
                          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                          </button>
                        </div>

                            <?php
                                wp_nav_menu( array(
                                    'menu'              => 'primary',
                                    'theme_location'    => 'primary',
                                    'depth'             => 3,
                                    'container'         => 'nav',
                                    'container_class'   => 'navbar-collapse bs-navbar-collapse collapse',
                                    'container_id'      => 'bs-example-navbar-collapse-1',
                                    'menu_class'        => 'nav navbar-nav no-gutter',
                                    'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                                    'walker'            => new wp_bootstrap_navwalker())
                                );
                            ?>

.menu-item-has-children:hover ul.dropdown-menu {
    display: block;
}   

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover {
    background-color: $red-color !important;
}

---

有什么想法可以实现吗？

引导导航步行器只适用于一个级别。检查多级在某种程度上这是一个解决方案，但第三级不起作用。有什么建议吗？