Хаки и Скрипты Next Generation CMS

Меню которое сворачивает пункты при уменьшении экрана

irbees2008 irbees2008 Опубликовано - 28 - мая Меню и навигация
1718 - 0
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Всем привет. вот наткнулся на довольно интересную версию меню на бутстрапе. Все фишка меню в том что при уменьшении экрана пункты не помещающиеся в пределы экрана сворачиваются в пункт с выпадающим списком. Вариант довольно интересный, меню не ломается сохраняя стиль страницы, ну и в конце меню сворачивается стандартно до одно кнопки Toggle.

Используется стандартное адаптивное меню бутстрапа, добавлен только еще один пункт меню , который скрыт если меню полностью помещается на странице. Ну и добавлен скрипт который отвечает за скрытый пункт меню, и за всю фишку этого меню.

See the Pen
Меню сайта постепенно сворачивается в dropdown-menu при уменьшении экрана
by Станислав Гольцов (@irbees2008)
on CodePen.



Пользуемся, задаем вопросы

Можешь почитать и вот эту статейку " бесплатная Flash-галерея - Polaroid Gallery"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Обновленное

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйт cущecтвуeт: 4877 дней
  • Статических страниц: 10
  • Категорий: 28
  • Новостей: 624
  • Неопубликованных новостей: 8
  • Комментариев: 259
  • Зарегестрированных пользователей: 1449
  • Онлайн всего: [6]
  • Гости: [6]
  • Сегодня нас посетили: [6] irbees2008, Google, Яндекс, dankeanke, Google, Яндекс
  • SQL запросов: 45
  • Генерация страницы: 0.086сек
  • Потребление памяти: 9.891 Mb 
  •   Яндекс.Метрика