Головна‎ > ‎Bootstrap 4‎ > ‎Меню‎ > ‎

Меню-випадайка

В <body>

<!-- Випадати при наведенні -->  
<style>
     .dropdown:hover>.dropdown-menu{
          display:block;
     }
</style>
  

<!-- Меню -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  <!-- Посилання -->
  <ul class="navbar-nav">

    <!-- Випадайка 1 -->
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
        Сервіси
      </a>
      <div class="dropdown-menu">
        <a class="dropdown-item" href="#">Сервіс 1</a>
        <a class="dropdown-item" href="#">Скрвіс 2</a>
        <a class="dropdown-item" href="#">Сервіс 3</a>
      </div>
    </li>

  </ul>
</nav>
<br>