Как работает bootstrap 4 сетка. Основы по grid. Практика

Сегодня я на практике покажу логику работы bootstrap 4 grid. Дело в том, что бутстрап сам по себе очень прост, для использования компонентов вам достаточно подключить его к себе на сайт и всё. Дальше вы заходите на сайт, находите необходимый компонент копируете его и вставляете на свой сайт и он работает. Но с сеткой не всё так просто. С ней нужно немного понимать именно логику, принцип её работы. Сетка bootstrap 4 построена на flexbox, соответственно, если вы с ним знакомы, то работать с сеткой вам будет гораздо проще. Здесь есть специальные классы которые делают все выстраивания, расположения за вас, вам нужно просто их подключить.

[prosto_razrabotka]

Не забудьте заглянуть сюда:

Можете добавиться в друзья:

А так же, подписаться на страницы:

[Max-krie]

Доэтого все откладывал изучение всерьез будстрапа, но ты так все хорошо и легко обьясняешь, что пошло поехало)

[reaxingmusicforsoulandbody]

Спаасибо огромное) это одно из лучших видео по боотстрап 4)

[АлександрСвиржевский-уп]

самое толковое видео по bootstrap 4 которое видел, лайк/подписка!
Спасибо

[assetabdirakhman]

Спасибо, очень интересно и по пунктам! Супер контент!

[Artefakt]

Спасибо за такие полезные видео, твои 2 видео по верстке флексами не реально прокачали меня. Может получиться сделать видео и по верстке с помощью bootstrap, было бы очень полезно.

[sagdieff]

Спасибо, Виталий! Очень доходчиво объяснено

[tmch]

Отличный ролик! Хоть и имел уже опыт с Bootstrap 4, узнал много нового, наверно, потому что я начинающий.

[ИслаДеМуерта]

почему мне так нравятся смотреть твои уроки? хоть я и далек от всего этого и понимаю только некоторые слова, но мне очень нравится смотреть твои уроки.)) спасибо большое))

[movidikovich]

Отличный видос, требуем продолжения в разных вариантах для более лучшего усвоения!)

[badmad]

Красавчик, по качеству к времени подачи контента ты уже опередил лысого из браузера. Над количеством будем работать вместе. Есть пару вопросов по теме:
- как понять суть отступов (gutter'ов), зачем они;
- когда объект переносить на новую колонку (если он на оступе немного или уже когда на самом столбце);
- в каких случаях уместно менять или полностью убирать отступы (может стоит наглядно показать).

[perseveranse]

Кстати, изначально я познакомился с штмл и сиесес на монокай, когда скачал вс код хотел тему монокай, но такую, чтобы задний фон был как фон у материал тем, искал в поиске - но не было, сам не смог сделать свою тему, а вчера попробовал снова поискать и нашел новенькую material monokai - это просто тема моей мечты, всем советую

[daymaker_trading]

И ответ на вопрос нашел, и энергией зарядился))

[rizla]

Очень зашло аудио на бэкграунде. Добавь ID в описание :)

[ДмитрийБел-лф]

что за трек на фоне? Напишите название пожалуйста.

[ashercon]

Такой вопрос, будут ли видео по css grid? Судя по сайту caniuse, технологию grid поддерживают все более или менее используемые браузеры, кмон, кто сейчас использует opera mini?) Хотелось бы узнать ваше мнение об этой технологии!

[АндрейЯроцкий-сп]

Просто Мега крутой канал! Смотрю все видео много чего нового, продолжай плиз в том же духе! Хожу сейчас на курсы и паралельно учусь еще и по твоим видео, очень бы хотелось чтоб ты начал серию уроков по JS !!! В интернете тонны информации из которой тежело выбрать старт и понять хотябы ЧТО?, ДЛЯ ЧЕГО?, ЗАЧЕМ?. Если ближайшим временем непланируеш такой контент хотябы дай рекомендации на ресурсы с професиональной точки с чего можна начинать изучение! Заранее Благодарен:)


p.s Только плиз не книги по 500 страниц теории хД

[ГеннадийКазанцев-йю]

Виталий, требуем JS уроки или начинаем бунт!

[invisibleworld]

В чем основное отличие фрейворков skeleton, bootsrap и foundation?? Если ли рекомендации, когда использовать bootstrap, а когда foundation?

[amirych]

В коммерческих проектах не применял сетку. Пробовал ее когда изучал верстку. В коммерческих проектах ну ни как не подходила, либо макеты такие были, либо я не до понял как работать. В бутстраповские брейкпоинты ни как не влазил текст, другой контент. К примеру боковая панель не кратная какой-то точки(md, sm..), не получается разбить по типу 4/8.