Люди существуют друг для друга (Марк Аврелий).

Bootstrap – Плагин Dropdown

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
Bootstrap - Плагин Dropdown
С помощью использования плагина DropDown можно добавить выпадающее меню для любых компонентов, таких как навигационная панель, вкладки, таблетка и кнопки.

Если вы хотите включить эту функциональность плагина в отдельности, то вам нужно подключить dropdown.js. В противном случае, как уже упоминалось в главе Bootstrap – Обзор плагинов, вы можете подключить c gjvjom. bootstrap.js или минимизированный bootstrap.min.js.

Применение

Вы можете включить плагин ниспадающего меню следующем образом:

  • С помощью атрибутов data – Добавление data-toggle = “dropdown” на ссылку или кнопку для переключения выпадающего меню, как показано ниже:
 

  • Если вам нужно сохранить ссылки целыми (это полезно, если браузер не позволяет запускать JavaScript), используйте атрибут data-target вместо href = “#”:
 

  • С помощью JavaScript – Для вызова выпадающего переключателя с помощью JavaScript, используйте следующий метод:

Пример

В навигационной панели

Следующий пример демонстрирует использование выпадающего меню в пределах навигационной панели:

Во вкладках

Следующий пример демонстрирует использование выпадающего меню во вкладках:

Опции

Нет опций

Методы

Выпадающий переключатель имеет простой метод, чтобы показать или скрыть выпадающий список.

Пример

Следующий пример демонстрирует использование плагина выпадающего списка.

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close