Bootstrap 4. Урок 1. Знакомство с Bootstrap 4

preview_player
Показать описание
Промокод на скидку 15% на все курсы ITVDN- H94BCAB

Краткая история. Ознакомить с Фреймворком Bootstrap 4. Довести плюсы данного Фреймворка, почему он настолько популярен. Какие компоненты в себя включает.

Благодарим всех за лайки, перепосты, добавление в избранное!

Также подписывайтесь на нас в социальных сетях:

  1. ITVDN
  2. CyberBionic
  3. ITVDN
  4. программирование
  5. курсы программирования
  6. Microsoft
Рекомендации по теме
Bootstrap 4. Урок 0:42:01

Bootstrap 4. Урок 1. Знакомство с Bootstrap 4

Bootstrap. Урок 1. 0:04:39

Bootstrap. Урок 1. Знакомство и подключение

Урок 1 Bootstrap 0:02:34

Урок 1 Bootstrap 4 . Установка и введение.

Анатомия Bootstrap 4. 0:15:52

Анатомия Bootstrap 4. Урок 1. Структура файлов и сборщик

Уроки Bootstrap верстки 0:07:36

Уроки Bootstrap верстки / #1 - Основы и установка

Курс 'Bootstrap 4' 0:14:42

Курс 'Bootstrap 4' / Урок №1 - Введение

BOOTSTRAP адаптивная верстка 0:11:36

BOOTSTRAP адаптивная верстка сайта на практике. Урок #1. Знакомство с Bootstrap. Установка...

Bootstrap 4 - 0:05:23

Bootstrap 4 - Базовый Курс, Урок 1

Уроки Bootstrap 4 0:04:38

Уроки Bootstrap 4 / Как сделать сайт на Бутстрап фреймворке 1/5...

Уроки по Bootstrap 0:26:25

Уроки по Bootstrap 4 [#1 Установка и система сеток(grid)]

Уроки Bootstrap 4 0:10:07

Уроки Bootstrap 4 - Установка и введение. Что такое Bootstrap

Bootstrap 4. Урок 0:03:13

Bootstrap 4. Урок 1. Что такое CSS фреймворки?

Фреймворк Bootstrap 4.Быстрый 0:15:53

Фреймворк Bootstrap 4.Быстрый старт. Урок №1.Стартовый шаблон Bootstrap.(Андрей Кудлай-Webformyself)...

Урок 1. Фреймворк 0:13:51

Урок 1. Фреймворк Bootstrap 4. Что такое Bootstrap. Отличия Bootstrap 3 от Bootstrap 4. Уроки...

Уроки 4 - 0:22:50

Уроки 4 - Сетка Bootstrap. Часть 1

Bootstrap 4 верстка 0:05:56

Bootstrap 4 верстка сайта / #1 - Создание адаптивного веб сайта...

Уроки Bootstrap / 1:05:48

Уроки Bootstrap / Вводный урок изучаем Bootstrap за 1 час, знакомство с элементами для начинающих...

Курс Bootstrap. Знакомство 0:06:00

Курс Bootstrap. Знакомство и установка

Bootstrap - это 0:14:36

Bootstrap - это просто. Урок 1

Верстка для начинающих. 0:41:09

Верстка для начинающих. Shopping HTML template. Bootstrap 4. Part 1

Курс по фреймворк 0:02:22

Курс по фреймворк Bootstrap 4. Уроки

Уроки Bootstrap 4 0:11:48

Уроки Bootstrap 4 - Система сетки бутстрап

#1 Загрузка и 0:06:22

#1 Загрузка и установка Bootstrap 4, Уроки по Bootstrap 4

Twitter Bootstrap 3 0:50:24

Twitter Bootstrap 3 - Урок 1. Знакомство с Bootstrap

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

большое спасибо, самое толковое что смог найти наконец то)

spoonjeee
Автор

Дякую! Дуже доступно пояснили як підключати Bootstrap 2-ма способами!)

svitovid
Автор

Действительно спасибо!!!! Мне лично многое стало ясно. Жаль про Css который использовал в своем коде, не все объяснил.

userSergeyZabolotny
Автор

Отличное видео, достаточно подробно, чтобы человек начал понимать принципы работы, а не просто копи-пастить.

minyazev
Автор

Привет из 2022, очень классно и все понятно)

rdvgfue
Автор

Аххаха)))) Я даже по говору поняла что он с Винницкой области. Немножко спросила у гугла и -- таки да! Хоть и работает в Киеве, а выш заканчивал в Харькове, но родной город таки Жмеринка. И это очень даже слышно)) Привет Жмеринке)) Спасибо за видео-урок, успехов в кодинге!

php_deva
Автор

Почему на 42:01 текст вылезает за колонки снизу? Почему колонки не подстраиваются под ширину текста?

artimity
Автор

ребят подскажите почему у меня выравнивание по вертикали не работает, даже версию поменял на 4.0.0 и ничего, по горизонтали все ок а вот <row align-items-center> или <row align-items-end> ничего не меняет

zvkqlyn
Автор

Спасибо, всё хорошо)) ... Только не "хочем", а "хотим

igrif
Автор

Интересно, как он при одном background: blue умудрился чередовать цвета колонок? Или, изменения в css остались за кадром? В фотошопе-то понятно, что там всё нарисовано, а вот в браузере как? Отвечаю сам себе :) в конце видео css выложен.

rolandberger
Автор

Можете сказать в чем проблема? вроде бы делаю как вы, но у меня колонки как бЭ невидимые, те надписи распределены по колонкам, но их не видно как на видео, весь фон синий, на 29й мин вы заходите в css и там проставлено много стилей, хотя до этого мы только фон делали, это монтаж кривой или автоматом прописываются? ничего не пойму...

Topedeviceq
Автор

Добрый день. Не могу понять, почему при подключении css получаются горизонтальные колонки?

Namber
Автор

Здравствуйте! Подскажите, как вы связываете фотошоп с разработкой в данном случае? Там у вас вертикальные линии, цвета как-то сами распределяются... Можно об этом подробнее где-то узнать?

magneat
Автор

почему когда вы вписали для класса контейнер + флуид у вас цвета остались такие же для колонок
я вписал у меня становиться без цвета

efxcbfk
Автор

Добрый день. Я новичок. Подскажите, когда вы пишете сокращение .col*3 вы зажимаете при этом какую-то клавишу, а то у меня не работает такое сокращение.

dbybnts
Автор

Лайк. Как вы сделали на 10:52 - 10:57 ? Что за плагин, что зажали?

fsuxdyr
Автор

Правильный шаблон пустого HTML5 -документа выглядит так:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, *minimum-scale=1, * shrink-to-fit=no">
</head>
<body>

</body>
</html>
Google советует указывать минимально допустимый масштаб страницы с помощью параметра *minimum-scale* .Нужно стараться следовать Best Practice.

irihakutukova
Автор

подскажите пожалуйста какой плагин все так прекрасно дописывает?

xlijxyu
Автор

Не подскажите в какой программе юзаите код???

diorkhudaykulov
Автор

Микрофон ужасен, а так, вроде все норм

slaventiypchelkin