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

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

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

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

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

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



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

Можешь почитать и вот эту статейку "Шпаргалка О TWIGе"

Опрос

Ваше мнение

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

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

Теги

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

Статистика

  • Caйту: 4410 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 662
  • Онлайн всего: [4]
  • Гости: [2]
  • Поисковики: [2] Яндекс, Google
  • Были сегодня : [2] Яндекс, Google
  • SQL запросов: 19
  • Генерация страницы: 0.273сек
  • Потребление памяти: 5.114 Mb 
  •   Яндекс.Метрика