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

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

irbees2008 irbees2008 Опубликовано - 28 - мая Меню и навигация
705 - 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йту: 4011 дней
  • Новостей: 564
  • Комменты: 254
  • Зарегистрированно : 642
  • Онлайн всего: [6]
  • Гости: [5]
  • Поисковики: [1] Яндекс
  • Были сегодня : [2] Яндекс, Google
  • SQL запросов: 18
  • Генерация страницы: 0.278сек
  • Потребление памяти: 5.124 Mb 
  •   Яндекс.Метрика