Создаем сетку Bootstrap на Float. Что такое Clearfix. HTML CSS

preview_player
Показать описание
Сейчас большое количество уроков по сетку Bootstrap. Однако мало кто рассказывает о главных преиществах и недостатках Bootstrap. В этом уроке вы рассмотрим работу сетки, и напишем свою собственную сетку на float и inline-block. Рассмотрим особенность float, и для чего нужен clearfix.

Что думаете по поводу Bootstrap? Пишите в комментарии!

----------------------------------------------
Подписывайся на группы в социальных сетях:
----------------------------------------------
Понравилось видео?
Подпишись 🤙
Поставь лайк 👍
Оставь комментарий 💬
И жди следующего урока)

Если тебе надоело смотреть бесполезные курсы, которые не дают практических знаний. Хочешь стать полноценным Fullstack разработчиком в 2018 года - верстать сайты, создавать веб приложения и писать сервер? Делюсь собственным 5 летним опытов в программировании.

Теги
#bootstrap #bootstrap_tutorial #bootstrap_4
#адаптивная_верстка_сайта #адаптивный_сайт #bootstrap #cssgrid #flexbox #как_создать_сайт #создание_сайта #html #css #html5 #css3 #js #javascript
  1. Vladislav Griga
  2. tutorial bootstrap
  3. bootstrap 4
  4. bootstrap
  5. how to bootstrap
  6. bootstrap for beginners
Рекомендации по теме
Создаем сетку Bootstrap 0:24:46

Создаем сетку Bootstrap на Float. Что такое Clearfix. HTML CSS

Жизнь без Bootstrap. 0:56:01

Жизнь без Bootstrap. Создание модульной сетки

#1 Пишем Bootstrap 0:10:12

#1 Пишем Bootstrap с нуля | Основа сетки на Sass и Flexbox

Ответы на вопросы: 0:11:14

Ответы на вопросы: float, очищение потока

Верстка. Урок 5. 0:06:34

Верстка. Урок 5. Фишки при использовании float:left

Жизнь без Bootstrap. 0:54:56

Жизнь без Bootstrap. Собственная модульная сетка [GeekBrains]

HTML/CSS Bootstrap- 12 1:34:58

HTML/CSS Bootstrap- 12 колоночная система

Как сделать адаптивную 0:44:08

Как сделать адаптивную CSS сетку с нуля, Видео курс по CSS, Урок 34...

Вебинар 'Верстка на 1:53:21

Вебинар 'Верстка на Float, Flexbox, Grid. Преимущества и недостатки.'...

Что лучше CSS 0:29:03

Что лучше CSS Grid или Bootstrap? | Практика CSS3 / HTML5

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

Уроки Bootstrap 5 Flexbox на практике

Bootstrap, flexbox, новая 1:27:56

Bootstrap, flexbox, новая сетка - беседы об адаптивной вёрстке

Конструктор grid сетки. 0:03:35

Конструктор grid сетки. Как быстро создать grid сетку для сайта...

1. Позиционирование блоков 0:28:41

1. Позиционирование блоков на float-ах

Clearfix - Bootstrap 0:03:34

Clearfix - Bootstrap 5 Alpha Responsive Web Development and Design

#2 Уроки по 0:29:30

#2 Уроки по Bootstrap 5 - Шапка, модальное окно, градиент, треугольник, адаптивное видео...

#6 Уроки по 0:10:53

#6 Уроки по Bootstrap 5 - Адаптивные изображения на Bootstrap 5

Flexbox CSS практический 0:06:29

Flexbox CSS практический курс за 6 минут. Все свойства

Bootstrap. Верстка бутстрап 0:16:02

Bootstrap. Верстка бутстрап по макету psd. Урок 6

Grid сетки в 0:24:29

Grid сетки в CSS. Часть 1

Среда Знаний - 2:12:07

Среда Знаний - способы создания разметки. От float до grid layout...

УЧИМ FLEXBOX CSS 0:11:23

УЧИМ FLEXBOX CSS ЗА 10 МИНУТ. Сайт на HTML

Курс HTML5 и 0:11:41

Курс HTML5 и CSS3. Float. Clearfix. Box-sizing. Calc

Уроки по CSS 0:12:01

Уроки по CSS Grid | Как сделать макет страницы на Grid

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

Спасибо большое за контент, приятно смотреть ваши видеоролики. Надеюсь с вами добьюсь намеченной цели)

karmakyn
Автор

Очень наглядно, спасибо. И уж точно теперь буду использовать. Единственное, пока сложно понять, как совместить в одном проекте все знания: html, css, boostrap, flex... А можно какой-то проект рассмотреть в процессе создания, но уже с использованием всех знаний, описанных в отдельных видео? То есть по шагам сделать верстку, используя все знания вместе, а то не очень хватает знаний, как их все совмещать. Спасибо.

andreykarolik
Автор

От души вообще спасибо автор клас супер помогает вообще классный человек счастья здоровья удачи и спасибо за контент учимся познаём мир спасибо ещё раз

ФёдорСмирнов-по
Автор

И ещё что у вас за штука позволяющая изменять размер экрана, и есть ли такая же для Windows 7? Спасибо ещё раз

ФёдорСмирнов-по
Автор

Здравствуйте автор у меня возник вопрос. Когда вы задаёте для всех компонентов через * марджин и паддинг 0 то сколько единиц приоритета у данного выделения? Как у прямого обращения к тегу, то есть 1 очко?

ФёдорСмирнов-по