Уроки Bootstrap 4

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

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

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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


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

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


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


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

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

Щоб завантажувати матеріали до відеокурсів, необхідно оформити підписку на сайт

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

Завантаження...

Завдання до уроку

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

Велике завдання за курсом

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

Також варто подивитися

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

Поки що коментарів немає