rTrail

Hello page

Шаблон Bootstrap с адаптивной версткой, которая позволяет хорошо смотреться и правильно отображаться на различных устройствах с разным размером и разрешением экрана:

• На мобильном устройстве
• На настольном компьютере и ноутбуке

Структура данного шаблона (helloPage.jsp) следующая:

• шапка (header.jsp)
  • верхнее меню (topMenu.jsp)
  • форма авторизации (auth.jsp)
• основное содержимое (body.jsp)
  • левое меню (leftMenu.jsp)
  • хлебные крошки (breadcrumbs.jsp)
• футер (footer.jsp)

Горизонтальное адаптивное меню для сайта имеет 2 режима отображения:

• десктопный (обычный) – выводятся все элементы меню;
• мобильный (свёрнутый) – по умолчанию отображается бренд и кнопка «Гамбургер» (для открытия основного содержимого меню).

Настольный компьютер

Отображение шаблона на настольном компьютере и ноутбуке.

Мобильное устройство

Отображение шаблона на мобильном устройстве.

Мобильная версия верхнего меню

Развернутое верхнее меню на мобильном устройстве.

Мобильная версия левого меню

В мобильном устройстве по умолчанию левое меню скрыто. При клике по кнопке Пепеключить навигацию меню появляется.