Да, в Bootstrap 4 есть сниппеты для создания многоуровневых dropdown меню. Эти сниппеты позволяют создавать каскадные меню со множеством уровней вложенности.
Для создания многоуровневого dropdown меню в Bootstrap 4 мы будем использовать классы и HTML-структуру, предоставляемые фреймворком.
Вот пример кода для создания многоуровневого dropdown меню в Bootstrap 4:
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Меню</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Главная <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Уровень 1
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Пункт 1</a>
<a class="dropdown-item" href="#">Пункт 2</a>
<a class="dropdown-item" href="#">Пункт 3</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item dropdown-toggle" href="#" id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Уровень 2
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2">
<a class="dropdown-item" href="#">Пункт 1</a>
<a class="dropdown-item" href="#">Пункт 2</a>
<a class="dropdown-item" href="#">Пункт 3</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">О нас</a>
</li>
</ul>
</div>
</nav>
В этом примере мы используем классы navbar, navbar-expand-lg, navbar-light и bg-light для создания навигационной панели, а также класс dropdown для создания dropdown меню.
Класс nav-item используется для создания отдельных пунктов меню, а класс nav-link используется для создания ссылок внутри пунктов меню.
Для создания многоуровневого dropdown меню мы используем вложенную структуру - внутри элемента с классом dropdown-menu мы добавляем элементы dropdown-item и также создаем вложенное dropdown меню с помощью класса dropdown и вложенной структуры dropdown-menu.
Обратите внимание, что в примере используются дополнительные классы для стилизации и управления внешним видом выпадающего меню, такие как dropdown-divider для создания разделителей между пунктами меню.
В результате, при использовании данного кода, вы получите многоуровневое dropdown меню на Bootstrap 4, готовое к использованию на вашем сайте. Вы можете легко настроить внешний вид и добавить свои собственные стили, следуя документации Bootstrap 4.