Выпадающее меню навигационной панели bootstrap

---

Ниже приведен мой код меню навигационной панели.

 <div class="navbar-collapse collapse" id="navbarCustom">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Menu1</a>
                        <div class="dropdown-menu border-0" aria-labelledby="navbarDropdown1">
                            <a class="dropdown-item" href="#">Menu1</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Menu2</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Menu3</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Menu4</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">Menu5</a>
                        </div>
                    </li>
                </ul>
</div>

Мне нужно создать подменю для "Menu4".

Что я уже пробовал:

Я не смог найти класс подменю. Я использую Bootstrap v4.5

---