Уроки Bootstrap 4

#4 - Основной блок сайта

#4 - Основной блок сайта

В ходе урока мы создадим несколько основных блоков для сайта и наполним их информацией. Дополнительно мы научимся использовать различные специальные стили от Bootstrap 4.

Видеоурок

Бутстрап снабжен большим количеством классов для создания блоков различного оформления и потребностей. Вы можете создавать блоки с определенным задним фоном, шириной и расположением.


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

  1. CSS Grid - посмотреть урок;
  2. CSS FlexBox - посмотреть урок.


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


Официальную документацию по Bootstrap Grid можно посмотреть здесь, а по Bootstrap FlexBox здесь.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Современная вёрстка адаптивного веб-сайта
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Создание блога на Ruby On Rails
8 уроков
Уроки Python Django / Создание сайта
12 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта