Как добавить выпадающее меню в навигационной панели? - PullRequest
Новая
       23

Как добавить выпадающее меню в навигационной панели?

0 голосов
/ 30 мая 2019

Я хотел бы знать, как добавить выпадающее меню в моей панели навигации, где находится класс "социальные медиа".Вот мой код: 

    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
    <div class="navbar-nav">
      <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
      <a class="nav-item nav-link" href="#">Social Media</a>
      <a class="nav-item nav-link" href="#">Pricing</a>
      <a class="nav-item nav-link disabled" href="#">Disabled</a>
    </div>
  </div>
</nav

1 Ответ

0 голосов
/ 30 мая 2019 

<div class="navbar-nav">
<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
  <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>

  <a class="nav-item nav-link" href="#">Social Media</a>

  <a class="nav-item nav-link" href="#">Pricing</a>

  <a class="nav-item nav-link disabled" href="#">Disabled</a>
  </div>
</div>
</div>

Вы должны сделать несколько вещей - обернуть свой предмет в 2 тега div. Один из них с раскрывающимся списком классов. Этот содержит кнопку, которую вы нажимаете, чтобы отобразить фактический выпадающий Другой div с выпадающим меню класса. Этот div содержит ваши предметы. С более новой загрузкой вы можете использовать кнопки вместо элементов ссылок.

...