
В данном уроке я покажу вам как скачать Bootstrap 5 и подключить его в свой проект через CDN и локально. Мы начнем работу с Bootstrap 5. Это краткий обзор Bootstrap 5, а также руководство по загрузке и подключению Bootstrap 5. Я расскажу про отличия от Bootstrap 4, а если вы впервые знакомитесь с Bootstrap то вы узнаете для чего нужен этот CSS фреймворк.
В этом видео уроке мы создадим шапку сайта на Bootstrap 5. Мы сделаем градиентный фон с помощью генератора градиента, добавим ссылку на footer с плавной прокруткой, создадим кнопку play на чистом css с помощью генератора треугольников, а так же я покажу как сделать модальное окно на Bootstrap 5 и сделать любое видео адаптивным. Мы сразу все проверим на мобильных устройствах и убедимся, что адаптивная версия выполнена корректно.
В этом уроке я расскажу вам как работать с сеткой Bootstrap 5, как устроена сетка Bootstrap 5 и как делать адаптивные элементы с помощью сетки Bootstrap 5 легко и быстро. Мы создадим раздел с информацией о курсе, где будут использоваться иконки и сетка Bootstrap 5 размером 3 на 3.
В этом уроке я расскажу вам как работать с сеткой Bootstrap 5, как устроена сетка Bootstrap 5 и как делать адаптивные элементы с помощью сетки Bootstrap 5 легко и быстро. Мы создадим раздел с информацией о курсе, где будут использоваться иконки и сетка Bootstrap 5 размером 2 на 2.
В этом уроке я расскажу Как сделать Аккордеон на Bootstrap 5 любой сложности. Аккордеон позволяет нам скрывать и показывать различные элементы на сайте. Особенность Аккордеона в том, что одновременно может быть открыт только один элемент, а все остальные скрываются. Сделать Аккордеон на Bootstrap 5 очень просто, посмотрите полностью этот видео урок и вы узнаете как сделать аккордеон на Bootstrap 5, как настроить и стилизовать аккордеон и добавить новые элементы в аккордеон на Bootstrap 5.
В этом уроке я покажу как на Bootstrap 5 добавить адаптивное изображение. Адаптивное изображение на Bootstrap 5 создается очень просто, необходимо использовать специальный класс на любом изображении и оно становится адаптивным.
В этом видео мы создадим очередной раздел нашего сайта на Bootstrap 5. Так же в конце урока вы получите простое задание, которое сможете с легкостью выполнить самостоятельно и закрепить полученные ранее знания по работе с сеткой Bootstrap 5 и другими элементами фреймворка Bootstrap 5.
В этом уроке я покажу как сделать форму для сбора средств Yoomoney. Форма сбора средств Yoomoney создается очень просто. Необходимо создать аккаунт Yoomoney и с помощью специального конструктора создать форму для сбора средства на свой сайт.
В этом уроке мы сделаем футера и завершим создание сайта.
В этом видео я покажу вам что еще есть в Bootstrap 5. Мы пройдемся по документации Bootstrap 5 и я вкратце расскажу про самые основные разделы, покажу где и как найти интересующий вас код и вы с легкостью сможете найти информацию в документации Bootstrap 5 и сделать любые формы, настроить валидацию, создать карточки, слайдеры, сворачиваемые меню, пагинацию, всплывающие подсказки и многое другое. Обязательно посмотрите это видео и попробуйте найти в документации то что вас интересует. Только после того как вы научитесь искать информацию в документации вы сможете создавать сайты любой сложности без сторонней помощи.
В этом видео курсе вы узнаете как скачать Bootstrap 5 и подключить его в свой проект через CDN и локально. Я расскажу про отличия от Bootstrap 4, а если вы впервые знакомитесь с Bootstrap то вы узнаете для чего нужен этот CSS фреймворк.
Мы создадим шапку сайта на Bootstrap. Сделаем градиентный фон с помощью генератора градиента, добавим ссылку на footer с плавной прокруткой, создадим кнопку play на чистом CSS с помощью генератора треугольников, а так же я покажу как сделать модальное окно на Bootstrap 5 и сделать любое видео адаптивным.
Мы сразу все проверим на мобильных устройствах и убедимся, что адаптивная версия выполнена корректно. Я расскажу вам как работать с сеткой Bootstrap 5, как устроена сетка и как делать адаптивные элементы с помощью сетки Bootstrap легко и быстро. Создадим раздел с информацией о курсе, где будут использоваться иконки и сетка Bootstrap 5 размером 3 на 3 и размером 2 на 2. Покажу как сделать Аккордеон на Bootstrap 5 любой сложности. После этого расскажу как на Bootstrap добавить адаптивное изображение.
Далее мы создадим очередной раздел нашего сайта на Bootstrap. Так же в конце урока вы получите простое задание, которое сможете с легкостью выполнить самостоятельно и закрепить полученные ранее знания по работе с сеткой Bootstrap 5 и другими элементами фреймворка Bootstrap.
После этого я покажу как сделать форму для сбора средств Yoomoney. В завершение курса мы пройдемся по документации Bootstrap 5 и я расскажу про самые основные разделы, покажу где и как найти интересующий вас код и вы с легкостью сможете найти информацию в документации Bootstrap и сделать любые формы, настроить валидацию, создать карточки, слайдеры, сворачиваемые меню, пагинацию, всплывающие подсказки и многое другое. Только после того как вы научитесь искать информацию в документации вы сможете создавать сайты любой сложности без сторонней помощи.