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

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

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

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

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

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



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

Можешь почитать и вот эту статейку "Эффекты для диалоговых модальных окон вашего сайта"

Опрос

Ваше мнение

какой форум лучше для вас
Результаты

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

Теги

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

Статистика

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