Уроки Bootstrap 4

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

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

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

Видеоурок

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


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

  1. CSS Grid - система Grid сеток в CSS;
  2. CSS FlexBox - система для быстрого расположения объектов как по горизонтали, так и по вертикали.


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


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

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

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

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

Загрузка...

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

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

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

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

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

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