SlideMenu Bootstrap 3 / Меню / Сниппеты Bootstrap

SlideMenu Bootstrap 3

Адаптивное меню Bootstrap 3, в мобильных устройствах будет выдвигаться с права на лево при нажатии на кнопку окрытия, готовый пример скачайте бесплатно.

* Чтобы увидеть изменения в состоянии меню, измените ширину окна браузера, в прикреплении №2 можно скачать архив с подключаемыми файлами.

Версия: v1.0.1

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

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

Bootstrap: 3

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

Язык: Русский

Вес файла: 1.4 Kb

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

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

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

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

Прикреплён файл №2: /stuff/0-0-0-542-20

Скачали бесплатно: 138 раз

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

Рейтинг: 4.0 / 5 - 2 голосов

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

Авторство: bootstraptema.ru

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

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

Теги: Snippet, menu, сниппет, Bootstrap, html, меню

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

Добавлено: 2016-02-07 в 11:24

Метка: 1581670265

⇄ ⇅

<div class="navbar-header">
 <a class="navbar-toggle"> 
 <span class="sr-only">Открыть меню</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 </a>
 <a class="navbar-brand" href="https://bootstraptema.ru/">BootstrapТема</a>
 </div>

<div id="slidemenu">
 
<form class="navbar-form navbar-right" role="form">
<div class="form-group">
<input type="search" placeholder="Найти" class="form-control">
</div>
<button type="submit" class="btn btn-default">Поиск</button>
</form>
 
 <ul class="nav navbar-nav">
 <li class="active"><a href="http://bootstraptema.ru/">Главная</a></li>
 <li><a href="https://bootstraptema.ru/stuff/templates_bootstrap/1">Шаблоны</a></li>
 <li><a href="https://bootstraptema.ru/stuff/plugins_bootstrap/2">Плагины</a></li>
 <li><a href="https://bootstraptema.ru/stuff/snippets_bootstrap/3">Сниппеты</a></li>
 <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ещё <b class="caret"></b></a>
 <ul class="dropdown-menu">
 <li><a href="https://bootstraptema.ru/stuff/0-0-0-0-1">Заработать</a></li>
 <li><a href="https://bootstraptema.ru/index/best_for_bootstrap/0-4">Топ 100</a></li>
 <li><a href="https://bootstraptema.ru/index/feedback/0-3">Связь</a></li>
 </ul>
 </li>
 </ul>
 
 </div>
 </div>
 </div>

BootstrapTema

SlideMenu Bootstrap 3

Скриншот

Подробнее

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

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

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