Блог

Главная - Вопросы по программированию - Добавление выпадающего меню для ссылки в bootstrap

Добавление выпадающего меню для ссылки в bootstrap

#twitter-bootstrap #drop-down-menu

#twitter-bootstrap #выпадающее меню

Вопрос:

Как я могу добавить выпадающее меню к пользовательской ссылке в Boostrap?. На официальной странице Bootstrap components описано, как добавить выпадающее меню только для кликабельных кнопок, а не для пользовательских ссылок.

Ответ №1:

Не уверен, что это то, что вы ищете

ДЕМОНСТРАЦИЯ

 <div class="dropdown">
  <a class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Link
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

Комментарии:

1. Должен ли я включать ссылку в <div class=»выпадающий список»>?

2. Вы можете включить ссылку везде, где захотите. Пожалуйста, обратите внимание, что у каждого <li> элемента в выпадающем списке есть <a href> ссылка

3. Я имел в виду класс «выпадающий». Оно может быть применено к span или div независимо от того, в какой выпадающий список включено, но не для игнорирования. Спасибо, что поделились 🙂