Open Bootstrap 3 dropdown on hover / Меню / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Меню

Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Уникальный ID: 2717

Количество символов:

Посмотрели: 5285 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 4.8 / 5 - 4 голосов

Тип лицензии: CC BY 4.0

Авторство: https://goo.gl/QE8eXj

Информация: Пользователям

Информация: Правообладателям

Теги: bootstrap 3, dropdown, выпадающий список, menu, dropdown hover, Plugin

Поделился: BootstrapТема

Добавлено: 2018-03-06 в 15:52

Метка: 1566149263

⇄ ⇅

<div class="container-fluid">
 <div class="navbar-header">
 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 </button>
 <a class="navbar-brand" href="#">BootstrapTema</a>
 </div>

<div id="navbar" class="navbar-collapse collapse">
 <ul class="nav navbar-nav">
 <li class="active"><a href="#">Home</a></li>
 <li class="dropdown">
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
 <ul class="dropdown-menu">
 <li><a href="#">Action</a></li>
 <li><a href="#">Another action</a></li>
 <li><a href="#">Something else here</a></li>
 <li role="separator" class="divider"></li>
 <li><a href="#">Separated link</a></li>
 <li><a href="#">One more separated link</a></li>
 </ul>
 </li>
 </ul>
 </div>

</div>

</nav>

BootstrapTema

Open Bootstrap 3 dropdown on hover

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0