Верстка сайта Bootstrap 5 - Новый блок с интересным эффектом

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

  1. Web Developer Blog
  2. верстка сайта
  3. верстка сайта bootstrap 5
  4. верстка сайта с нуля
  5. верстка сайта bootstrap 5 для начинающих
  6. bootstrap
Рекомендации по теме
Верстка сайта Bootstrap 0:10:43

Верстка сайта Bootstrap 5 - Начало. Адаптивное меню

Верстка сайта Bootstrap 0:32:33

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

🔥 Верстка сайта 0:31:45

🔥 Верстка сайта с нуля для начинающих | Bootstrap 5, HTML, CSS, Figma...

Bootstrap верстка современного 0:46:43

Bootstrap верстка современного сайта за 45 минут!

Верстка сайта Bootstrap 0:06:19

Верстка сайта Bootstrap 5 - Google maps на сайт

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

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

Bootstrap верстка, КАК 0:05:26

Bootstrap верстка, КАК СДЕЛАТЬ АДАПТИВНЫЙ САЙТ ЛЕГКО?! БУТСТРАП уроки БЕСПЛАТНО!...

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

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

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

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

⚡️ Верстка сайта 0:26:58

⚡️ Верстка сайта без CSS | Это круче, чем Bootstrap 5 | Обзор Tailwind и практика...

Адаптивная вёрстка сайтов 0:36:44

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]...

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

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

Верстка сайта Bootstrap 0:07:41

Верстка сайта Bootstrap 5 - Новый блок с интересным эффектом

Как сделать сайт 0:17:46

Как сделать сайт или landing page на Bootstrap за 30 минут. Адаптивная верстка сайта на html и css...

Dusktopia Livecoding #1: 0:30:36

Dusktopia Livecoding #1: верстка макета из Figma (HTML, CSS, Bootstrap 5)

Тебе не нужен 0:51:29

Тебе не нужен Bootstrap! / Александра Шинкевич

Верстка сайта еще 0:09:12

Верстка сайта еще никогда не была настолько простой! Вышла замена Bootstrap?...

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

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

Верстка сайта Bootstrap 0:09:31

Верстка сайта Bootstrap 5 - Форма обратной связи

Адаптация сайта под 0:14:43

Адаптация сайта под мобильные устройства за 10 минут | Адаптивная верстка | Медиа запросы css3...

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

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

Новая верстка сайта 0:08:42

Новая верстка сайта Bootstrap - анимация на сайт

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

Верстка сайта Bootstrap 5 - Адаптивные блоки с паралаксом

Bootstrap 5 - 0:08:21

Bootstrap 5 - Обзор что нового, верстка сайта 2020

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

margin-bottom 20px на icon-box работает в другом месте, что и логично... Поставил класс mb-3 для col и маржин появился. Не понял только как сработал в видосе...

Jerry
Автор

классно но все стили можно перенести в html это же bootstrap ))

dennyluckes
Автор

<div class="col-lg-4 col-md-6 d-flex align-items-stretch mb-3">

MaximBesperstov
Автор

что я делаю не так у меня не отлепляются границы боксов mb20px сделал они перемещаются вместе с границей бокса как прилипли друг к другу) именно те 3 которые должны быть под верхними

AlexeyRiched
Автор

зачем спамить мне ленту выпуская 100500 видосов с одинаковой превью?

las_