1.9 KiB
1.9 KiB
title | localeTitle |
---|---|
Dropdowns | Dropdowns |
Dropdowns
Bootstrap предоставляет Dropdowns в качестве плагина для отображения списков ссылок. Dropdown кнопка - это кнопка, которая переключает отображение списка ссылок.
Выпадающие списки Bootstrap разработаны для того, чтобы быть универсальными и применимыми к различным ситуациям. Например, можно создавать выпадающие списки, содержащие поля поиска или формы входа.
пример
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown example
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
Пример Разъяснения
Класс .dropdown указывает на выпадающее меню.
Чтобы открыть меню, используйте кнопку или ссылку с классом .dropdown-toggle и атрибутом drop-drop data-toggle = .
Класс .caret создает значок стрелки (▼), который указывает на то, что кнопка является выпадающим списком.
Добавьте класс .dropdown-menu в неупорядоченный элемент списка, чтобы создать выпадающее меню.