Разное

Бутстрап 4 шаблоны: 4763+ Шаблонов для Bootstrap | BootstrapТема

19.07.2023

17 стартовых шаблонов адаптивных страниц 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. Больше всего представляет ценность готовая структура адаптивного сайта.

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

Для ускорения работы страниц в шаблонах подключены минимизированные файлы 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качиваний: 759)

Сайт-визитка с Админкой

Галерея фото и видео, обратная связь

Корзина