17 стартовых шаблонов адаптивных страниц Bootstrap 4

шаблоны адаптивных страниц Bootstrap 4

Стандартные стартовые шаблоны Bootstrap 4.3.1 явно демонстрируют возможности адаптивной сетки с фиксированным меню. Всего представлено 17 шаблонов с различным расположением блоков: от 1 до 4 в ряд. Структура полностью адаптирована к просмотру на любом мобильном устройстве. Примеры составлены с использование слайдера, карточек товара, аккордеона, сайдбаров и т.д.

Фреймворк Bootstrap 4.3.1 - это последняя версия (на ноябрь 2019 г.) самого популярного и известного инструмента при создании адаптивных сайтов.

При построении шаблонов использованы только возможности самого фреймворка Bootstrap. Дополнительный пользовательский файл style.css имеет всего 3 записи: по фиксации верхнего меню, настройке слайдера и расстояния между карточками товара.

В комплект стартовых шаблонов Bootstrap 4 входят следующие страницы:

Главная: index.html
О сайте: about.html
Сервис: services.html
Контакты: contact.html
Портфолио
Порфолио в 1 колонку: portfolio-1-col.html
Порфолио в 2 колонку: portfolio-2-col.html
Порфолио в 3 колонку: portfolio-3-col.html
Порфолио в 4 колонку: portfolio-4-col.html
Портфолио отдельная страница: portfolio-item.html
Блог
Блог с сайдбаром: blog-home-1.html
Блог без сайдбара: blog-home-2.html
Блог отдельная страница: blog-post.html
Другие страницы
Пустая страница: full-width.html
Страница с левым сайдбаром: sidebar.html
FAQ: faq.html
404 страница ошибок: 404.html
Карточки товара, услуг, пользователей: pricing.html

Особенности стартовых шаблонов Bootstrap 4:

- Меню фиксированное в верхней части экрана, чем обеспечивает удобную навигацию для пользователя. Активное выделение пунктов при посещении конкретной страницы.
- Код страниц имеет соответствующие комментарии для каждого блока (row) и контейнеров (container).
- Слайдер имеет горизонтальную прокрутку.
- Страница FAQ построена с использованием аккордеона просмотра текстовой информации.
- Страница контактов имеет настраиваемую интерактивную карту Яндекса.
- В комментариях к полной публикации соблюдена иерархия.
- Полная адаптация к просмотру при любом размере экрана.

шаблоны адаптивных страниц Bootstrap 4

шаблоны адаптивных страниц Bootstrap 4

Адаптивные стартовые шаблоны будут полезны не только начинающим веб-мастерам. Они прекрасно сэкономят время при создании сайтов с использованием фреймворка Bootstrap. Больше всего представляет ценность готовая структура адаптивного сайта.

В комплект архива дополнительно входит описание для начинающих веб-строителей:
- редактирование шаблонов сайтов;
- работа с кодом страниц и файлов;
- редактирование и размещение изображений;
- вставка видео;
- размещение интерактивной карты конкретного объекта;
- и т.д.

Для ускорения работы страниц в шаблонах подключены минимизированные файлы bootstrap.bundle.min.js и bootstrap.min.css. Для наглядности, в дистрибутив входят полновесные не подключенные файлы bootstrap4.3.1.css и bootstrap4.3.1.js. Не рекомендую их редактировать, все изменения и дополнения в шаблонах корректируйте при помощи пользовательского файла style.css.


Скачать стартовые шаблоны Bootstrap 4.3.1: StartBootstrap.zip [702,11 Kb] (cкачиваний: 9)

Автор: Saah | Просмотров: 70 | 23-10-2019,Ср, 10:26  

Добавить свой комментарий:

@
Похожие публикации