Рассмотрим использование подвалов в MDL.
Классы, которые могут пригодиться при работе с вкладками.
- mdl-mega-footer - Задаёт большой подвал для элемента footer.
- mdl-mega-footer__left-section - Задаёт левую секцию в подвале.
- mdl-mega-footer__top-section - Задаёт верхнюю секцию подвала.
- mdl-mega-footer__social-btn - Создаёт стильные квадраты для социальных кнопок.
- mdl-mega-footer__right-section - Создаёт контейнер для правой секции подвала
- mdl-mega-footer__middle-section - Создаёт контейнер для средней секции подвала.
- mdl-mega-footer__link-list - Создаёт неупорядоченный вертикальный выпадающий список.
- mdl-mega-footer__bottom-section - При использовании ячейки растягиваются вертикально, заполняя родителя.
- mdl-logo - Контейнер для заголовка или логотипа сайта.
- mdl-mini-footer - Используется для компактного подвала.
- mdl-mini-footer__left-section - Контейнер для левой секции подвала.
- mdl-mini-footer__link-list - Неупорядоченный горизонтальный список.
Существует два типа подвала страницы: mega-footer (большой подвал) и mini-footer (компактный подвал). Классы размещаются в блоках footer.
mega-footer
Для большого подвала используется класс mdl-mega-footer для элемента footer.
Средняя часть подвала задаётся классом mdl-mega-footer__middle-section.
Посмотреть примеры с большим подвалом
mini-footer
Для небольшого подвала используется класс mini-footer.
Посмотреть примеры с маленьким подвалом
Реклама