-
Bootstrap курс
Bootstrap CSS
- Bootstrap CSS обзор
- Bootstrap Grid System
- Bootstrap наборный
- Bootstrap код
- Bootstrap таблица
- Bootstrap форма
- Bootstrap кнопка
- Bootstrap изображение
- Bootstrap Вспомогательный класс
- Bootstrap Отзывчивый Утилиты
Bootstrap Компоненты макета
- Bootstrap значок шрифты
- Bootstrap Выпадающее меню
- Bootstrap Группа кнопок
- Bootstrap Кнопка в раскрывающемся меню
- Bootstrap группа Поле ввода
- Bootstrap элементы навигации
- Bootstrap Панель навигации
- Bootstrap панировочные сухари
- Bootstrap пейджинг
- Bootstrap этикетка
- Bootstrap знак
- Bootstrap Большой экран
- Bootstrap Название страницы
- Bootstrap Миниатюры
- Bootstrap предупреждение
- Bootstrap Шкала прогресса
- Bootstrap Мультимедийные
- Bootstrap Список групп
- Bootstrap панель
- Bootstrap Wells
Bootstrap Виджет
- Bootstrap Plug-Glance
- Bootstrap эффект перехода
- Bootstrap режимное окно
- Bootstrap Выпадающее меню
- Bootstrap Свиток монитор
- Bootstrap таб
- Bootstrap подсказки
- Bootstrap Всплывающее окно
- Bootstrap Предупреждение коробки
- Bootstrap кнопка
- Bootstrap сгиб
- Bootstrap карусель
- Bootstrap Дополнительная навигация
Bootstrap другое
Лучшее руководство по Меню Bootstrap выпадающий в 2024 году. В этом руководстве вы можете изучить примеров,опции,примеров,примеров,Другие примеры,
Меню Bootstrap выпадающий
В этой главе основное внимание будет уделено ниспадающего меню Bootstrap. Выпадающее меню включается, ссылка отображается в контекстном меню формат списка. Это можно сделать с помощью выпадающего меню (Dropdown) JavaScript плагинов взаимодействовать для достижения.
Чтобы использовать следующее меню, вам нужно только добавить в раскрывающемся меню вклассе .dropdown.Следующий пример иллюстрирует основную раскрывающемся меню:
примеров
<Div класс = "раскрывающимся">
<Кнопка типа "кнопка" = класс = "БТН выпадающий-тумблер" ID = "dropdownMenu1" данных тумблер = "раскрывающимся"> тема <пролет класс = "каретка"> </ SPAN>
</ Button>
<Ul класс = "выпадающий меню" Роль = "Меню" ария-labelledby = "dropdownMenu1">
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> Java < / а>
</ Li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> интеллектуального анализа данных </ а>
</ Li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> Передача данных / Сеть </ а>
</ Li>
<Li Роль = "презентация" класс = "разделитель"> </ li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> изолированных ссылка </ а>
</ Li>
</ UL>
</ Div>
Попробуйте »
Результаты следующие:
опции
выравнивать
При добавлениикласса .Снять-право .dropdown-менюдля выравнивания в раскрывающемся меню справа. Следующий пример иллюстрирует этот момент:
примеров
<Div класс = "раскрывающимся">
<Кнопка типа "кнопка" = класс = "БТН выпадающий-тумблер" ID = "dropdownMenu1" данных тумблер = "раскрывающимся"> тема <пролет класс = "каретка"> </ SPAN>
</ Button>
<Ul класс = "выпадающий меню Pull - вправо" Роль = "Меню" ария-labelledby = "dropdownMenu1">
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> Java < / а>
</ Li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> интеллектуального анализа данных </ а>
</ Li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> Передача данных / Сеть </ а>
</ Li>
<Li Роль = "презентация" класс = "разделитель"> </ li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> изолированных ссылка </ а>
</ Li>
</ UL>
</ Div>
Попробуйте »
Результаты следующие:
заголовок
Вы можете использовать выпадающий-заголовоккласса , чтобы добавить заголовок к области этикетки выпадающего меню.Следующий пример иллюстрирует этот момент:
примеров
<Div класс = "раскрывающимся">
<Кнопка типа "кнопка" = класс = "БТН выпадающий-тумблер" ID = "dropdownMenu1" данных тумблер = "раскрывающимся"> тема <пролет класс = "каретка"> </ SPAN>
</ Button>
<Ul класс = "выпадающий меню" Роль = "Меню" ария-labelledby = "dropdownMenu1">
<Li Роль = "презентация" класс = "выпадающий-заголовок"> В раскрывающемся меню в заголовке </ li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> Java < / а>
</ Li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> интеллектуального анализа данных </ а>
</ Li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> Передача данных / Сеть </ а>
</ Li>
<Li Роль = "презентация" класс = "разделитель"> </ li>
<Li Роль = "презентация" класс = "выпадающий-заголовок"> В раскрывающемся меню в заголовке </ li>
<Li Роль = "презентация">
<А Роль = "MENUITEM" TabIndex = "-1" HREF = "#"> изолированных ссылка </ а>
</ Li>
</ UL>
</ Div>
Попробуйте »
Результаты следующие:
Другие примеры
| категория | описание | примеров |
|---|---|---|
| .dropdown | Определяет выпадающие меню, выпадающие меню, завернутые в .dropdown Лейн | пробовать |
| .dropdown-меню | Создание выпадающего меню | пробовать |
| .dropdown меню правой | Выпадающее меню выравнивать по правому краю | пробовать |
| .dropdown-заголовок | Выпадающее меню, чтобы добавить название | пробовать |
| .dropup | Всплывающие раскрывающемся меню, чтобы указать | пробовать |
| .disabled | Выпадающее пункт меню отключено | пробовать |
| .divider | Разделительная линия в раскрывающемся меню | пробовать |