#3 Уроки по Bootstrap 5 - Сетка 3 на 3 и иконки

preview_player
Показать описание
В этом уроке я расскажу вам как работать с сеткой Bootstrap 5, как устроена сетка Bootstrap 5 и как делать адаптивные элементы с помощью сетки Bootstrap 5 легко и быстро. Мы создадим раздел с информацией о курсе, где будут использоваться иконки и сетка Bootstrap 5 размером 3 на 3.

Поддержать автора ₽ублем:
1. Сбер: 4274 3200 3233 1582

  1. ITDoctor
  2. itdoctor
  3. Bootstrap 5 - Сетка
  4. как работать с сеткой Bootstrap 5
  5. как устроена сетка Bootstrap 5
  6. как делать адаптивные элементы с помощью сетки Bootstrap 5
Рекомендации по теме
Урок #3 - 0:10:13

Урок #3 - Компоненты Bootstrap 5

#3 Уроки по 0:17:30

#3 Уроки по Bootstrap 5 - Сетка 3 на 3 и иконки

#3 Настройка сетки 0:12:40

#3 Настройка сетки Bootstrap 5 под себя | Как поменять количество колонок сетки и другие переменные...

Уроки Bootstrap 5 0:08:54

Уроки Bootstrap 5 - Введение и установка

Адаптивная верстка интернет-магазина 0:34:58

Адаптивная верстка интернет-магазина на Bootstrap 5. Урок 3

Уроки по Bootstrap 0:13:05

Уроки по Bootstrap 3 | #5 Положение меню и выпадающее меню

Подробный видео курс 2:30:12

Подробный видео курс по Bootstrap 5 на русском языке, Как создать сайт на Bootstrap 5...

Изучение Django 3 0:26:41

Изучение Django 3 / Урок #5 - Статические файлы. Добавление Bootstrap...

Build a CLEAN 0:40:20

Build a CLEAN Hero Section in 40 Minutes with HTML CSS and Bootstrap

Верстка сайта Bootstrap 0:10:36

Верстка сайта Bootstrap 5 / Уроки HTML / CSS для новичков

Знакомство с Bootstrap 0:15:50

Знакомство с Bootstrap 5 для новичков | Оформление  header | Модальные окна | Таблицы | #3...

Уроки по Bootstrap 0:13:05

Уроки по Bootstrap 3 #5 Положение меню и выпадающее меню

Уроки Bootstrap 3 0:10:04

Уроки Bootstrap 3 Верстка | #5. Положение меню и как сделать dropdown меню...

Управляем поведением (открыть\закрыть) 0:06:16

Управляем поведением (открыть\закрыть) Bootstrap 5 Modal во Vue 3

#10 Уроки по 0:17:50

#10 Уроки по Bootstrap 5 - Обзор Документация Bootstrap 5 на русском...

#7 Уроки по 0:06:42

#7 Уроки по Bootstrap 5 - Практика и задание по работе с Bootstrap 5

Bootstrap. Урок 3. 0:13:45

Bootstrap. Урок 3. Готовые компоненты

#4 Уроки по 0:07:51

#4 Уроки по Bootstrap 5 - Сетка 2 на 2

Создание адаптивного сайта 0:10:10

Создание адаптивного сайта с Bootstrap 3. Урок 5. Верстка адаптивного макета на Bootstrap. Часть 3...

#1 Сетка Bootstrap 0:15:02

#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки...

Разбираем Bootstrap +Верстка 0:40:34

Разбираем Bootstrap +Верстка своего сайта с нуля для начинающих | Bootstrap 5, HTML, CSS...

уроки по bootstrap 0:02:34

уроки по bootstrap 3 #5

#1 Уроки по 0:20:37

#1 Уроки по Bootstrap 5 - Обзор, загрузка и подключение

Уроки Bootstrap верстки 0:11:02

Уроки Bootstrap верстки / #3 - Система сеток и адаптивное меню...

Комментарии
Автор

Супер курс! Благодарю за понятное объяснение, приятно смотреть и делать. С Вами все получается🤩

ОльгаАгафонова-фс
Автор

Забросил сайты на 2-3 года. Писал на html php, благодаря твоим урокам освежаю знания и узнаю что то новое, благодарочка с Алтая тебе не глядя!

nikitocver
Автор

Спасибо за ваш труд
Очень понятно и интересно

elowlin
Автор

Очень круто, контент в кайф, давай ещё!

kemn
Автор

Благодаря вам я стану профессиональным девелопером!

imbydlo
Автор

6:12 На данный момент строка <div class="col-x1-4 col-md-6 col-sm-12"> из-за col-md-6 вводит только 2 колонки, чтобы исправить нужно поменять на col-md-4. Спасибо за видео!
P.s Извиняюсь, неправильно отображалось из-за синтаксический ошибки вместо col-xl-4 написал col-x1-4.

cornum
Автор

08:35 а что за класс text-cneter ? у меня из-за этого по другому отображается и пол дня искал где у меня ошибка 😁

Sergey-czym
Автор

Уважаемый ITDoctor, а почему не просматриваются иконки fontello? Вроде их рамочки видны, а сами рисунки иконок - нет. Вроде все подключил согласно видео... Остальное все работает

kot
Автор

А можно вернуть прежнюю версию сайта? а то в видео 9 иконок, а на сайте 6

true_god_of_hyperdeath
Автор

Разве col-sm-12 в данном случае не лишний код? Если убрать этот класс, то ничего не изменится. Бутстрап сам весь это правило установит если экран меньше md, так же и для xs

turbo
Автор

слово о курсе слишком близко к остальным элементам, что делать?

Сафонов-тм
Автор

Можно ли чистым бутстрапом, html и css вообще сделать заказ?

N-eg
Автор

mb-5 = margin-bottom: 3rem; = margin-bottom: 48px; 1rem = 16px (по стандарту), если font-size для элемента "*" изменен, к примеру вы поставите * {font-size: 10px;}, тогда 1rem будет равен 10px

ALEXANDRDENYSIUK
Автор

Отличный урок все понятно и интересно
Но на сайте который мы верстаем 6 иконок а на видео почему то 9 ну за три года наверно что то поменялось

Alhackali