Bootstrap с нуля за 5 часов. Это полный курс для начинающих по Bootstrap 5.3 в 2025 году. Освойте Bootstrap за один урок! Создавайте адаптивные сайты без сложного CSS, используя готовые компоненты и сетку. 🎥 Bootstrap для начинающих - https://stepik.org/101173 Обзор и подключение 00:00:00 Важная информация! 00:00:10 Подключение Bootstrap через CDN 00:08:31 Подключение Bootstrap из скомпилированных файлов 00:15:39 Исходные файлы Bootstrap и установка Node.js 00:22:35 Загрузка Bootstrap через NPM и про файл .gitignore 00:33:06 Для чего нужны разные файлы Bootstrap и в чем разница между ними 00:41:28 Переменные цвета и тема сайта на Bootstrap Макет 00:49:30 Сетка 00:54:38 Контейнер 01:03:50 Адаптивная верстка 01:13:10 Выравнивание, отступы и ДЗ Контент 01:22:27 Сброс стилей, файл Reboot.css 01:32:41 Типографика и семантические теги 01:41:43 Работа с изображениями 01:47:22 Таблицы Формы 01:57:36 Формы, обзор базовых возможностей 02:03:28 Разные типы полей для ввода 02:09:43 Выбор в выпадающем списке, тег select 02:11:54 Чекбоксы и радио кнопки 02:20:38 Значение в диапазоне, ползунок range 02:23:18 Другие возможности при работе с формами Компоненты 02:33:52 Аккордеон 02:39:21 Предупреждения 02:43:16 Бейджи 02:47:18 Хлебные крошки 02:49:53 Кнопки 02:55:15 Группы кнопок 03:02:10 Карточки 03:09:18 Карусель 03:16:02 Кнопка закрыть 03:18:16 Свернуть и развернуть 03:22:13 Выпадающие меню 03:28:17 Группы списков 03:33:41 Модальные окна 03:37:35 Навбар 03:45:01 Списки ссылок и вкладки 03:50:01 Оффканвас 03:53:23 Пагинация 03:56:37 Заполнители 03:59:48 Всплывающая подсказка 04:02:04 Прогрессбар 04:07:31 Меню с прокруткой 04:09:54 Состояние загрузки 04:13:11 Всплывающие сообщения 04:16:17 Всплывающие подсказки Помощники и утилиты 04:17:50 Помощники 04:27:50 Утилиты Дополнительно 04:45:43 Обзор оставшейся части документации 04:49:39 Иконки 05:00:55 ДЗ и применение Bootstrap 💡 Телеграм - https://t.me/itdoctor_official/4 🎥 Курсы на Stepik - https://stepik.org/users/ITDoctor/teach ⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor YouTube - https://youtube.com/@ITDoctor Дзен - https://dzen.ru/itdoctor ВК - https://vk.com/itdoctorstudio Rutube - https://rutube.ru/channel/23500045/ #itdoctor #bootstrap