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

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

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

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

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

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



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

Можешь почитать и вот эту статейку "Теги a"

Опрос

Ваше мнение

Какие темы вам интереснее?
Результаты

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

Теги

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

Статистика

  • Caйту: 4495 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 671
  • Онлайн всего: [12]
  • Гости: [12]
  • Были сегодня : [3] Google, Яндекс, dankeanke
  • SQL запросов: 18
  • Генерация страницы: 0.334сек
  • Потребление памяти: 5.213 Mb 
  •   Яндекс.Метрика