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

[@prosto_razrabotka]

Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

[@Max-kr4ie]

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

[@re1axingmusicforsoulandbody]

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

[@prosto_razrabotka]

Спасибо!

[@MaxDementiev]

Хорошее объяснение! Спасибо

[@Artefakt13]

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

[@ekaterina2073]

это гениально, спасибо!

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

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

[@assetabdirakhman7392]

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

[@perseveranse]

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

[@sagdieff]

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

[@daymaker_trading]

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

[@prosto_razrabotka]

Замечательно -)

[@t3m8ch79]

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

[@useruseroff6605]

Спасибо всё четко и ясно!

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

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

[@rizla5117]

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

[@azerelizade1957]

Sposibo vam !

[@movidikovich]

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

[@badmad8234]

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

[@-web2378]

1) всмысле понять?) отступы между колонками. Они нужны для того, чтоб когда текст в колонках здоровый, чтоб когда ты сжимал экран, то они не слипались.. если ты замечал, то увидишь как колонки трутся друг об друга без них. Если тебе надо уменьшить отступ между колонками то надо поколдовать немного с контейнером, со строкой row иии margin у колонок. Если убрать вообще отступы то для row даёшь класс no-gutters. Хз, вроде правильно его написал. 2) этот вопрос не понял, может ты про строку имел ввиду?! А то про колонку че т .. непонятный вопрос че т 3) случаев нет, есть дизайн макет, в котором нет отступов, то и их не делаешь.. к примеру есть магазин у тебя.. там карточки товаров.. если ты обращал внимание на американские сайты, то.. во многих местах есть где карточки прям вплотную друг с другом.. и ты когда наводишь на неё мол она увеличивается немного и вылазит на тебя.. у неё там тупо scale стоит. Вот тогда и убирают отступы.. либо когда галерея какая нить где фотки вплотную стоят а не с расстоянием между ними)

[@VadimRahmanov]

Отличное объяснение!

[@user-teddy7]

Спасибо,все было на высоте!

[@cocochen8349]

Супер

[@rastyboss6584]

Крутяк, го верстку на bootstrap

[@badmad8234]

Согласен. Было бы интересно

[@movidikovich]

поддерживаю )

[@ashercon1337]

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

[@prosto_razrabotka]

На канале появился CSS Grid. Держу в курсе -) kzbin.info/www/bejne/ZqSofJWsnr9sbK8

[@vadimbely1974]

Как всегда , от души !

[@prosto_razrabotka]

Благодарю -)

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

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

[@MrDrahmin]

Spasibo brat 👍

[@mysteriym]

Крутяк! Спасибо огромное

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

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

[@dmitrijponkin]

Спасибо Вам! Очень круто :)))

[@medoman1833]

Спасибо! Очень хорошо!

[@Olya-w7g]

Что за трэк на фоне играет?)

[@invisibleworld3307]

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

[@ДмитрийНормов-ю6ц]

в зависимости от твоей конторы....

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

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

[@Max-kr4ie]

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

[@Yaro-q6p]

А как центрировать по вертикали?

[@TheTexPro]

Спасибо!

[@НиколайХвостов-н9г]

судя по тому что я вижу бутстрап это костыль делающий из флекс бокса гриды)))

[@amirych]

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

[@prosto_razrabotka]

Это всё лишь инструмент. Где-то он нужен, где-то нет...

[@amirych]

@@prosto_razrabotka согласен, к сожалению мне за 3,5 лет работы он ни где не пригодился, только, если это был легаси проект на сетке

[@Olya-w7g]

Тот что самый первый

[@fantast2568]

Спасибо, только одно но - на телефоне не видно код, может в будущих видео приблизить стоит.

[@prosto_razrabotka]

Данный формат нацелен на то, что человек будет пробовать сам писать код. За компьютером. И да, тут он уже увеличен, относительно других видео.

[@fantast2568]

@@prosto_razrabotka Спасибо

[@Алексей-р2л9д]

Качество картинки хорошее

[@prosto_razrabotka]

Благодарю

[@perseveranse]

Когда твой элемент ведет себя очень очень странно - elementstyle - background: RED;

[@prokhorov_sergey_igorevich]

или полицию css вызвать, и пускай они с этим мудаком разбираются)

[@pavitshnik4613]

топ

[@mondragondr]

Привет! В твоём видео "Как устроена bootstrap 4 сетка" ты упоминал, что в одной строке могут быть несколько . Пожалуйста, ты мог бы в будущем пояснить это? Я честно говоря не понял почему, если row - это и есть строка. Как строка может быть в строке?

[@prosto_razrabotka]

Я в том же видео это и показал, когда первая строка с колонками задаёт каркас, и во второй колонке - другие строки с колонками, которые уже являются элементами ("новости")

[@mondragondr]

Аа, я не мог понять, что это боковая панель. Я думал это центральная основная часть. Всё, я понял идею. Спасибо!)

[@invisibleworld3307]

В самом начале ролика, плохо виден текст, только на 4 минуте текст становится читабельным и это не первый такой ролик. Думаю, стоит обратить внимание, так как канал про верстку и некоторые могут просто не досмотреть и выйти.

[@prosto_razrabotka]

Канал не про вёрстку, просто я с неё решил начать. Вёрстка же подразумевает практику, следовательно, если человек смотрит с телефона подобного рода видео и сам ничего руками не пробует, то сам виноват. Ибо тут надо именно щупать руками. Ну, а те кто уйдут.. что ж... жаль, что они не узнают что-то новое/полезное для себя.

[@ОртодоксальныйВатник]

смотрел на скорости 1,5 и мне понравился музон, а когда сделал скорость воспроизведения "обычная", музон тоже тал обычным и не интересным

[@perseveranse]

Эээцио аудитоооре

[@dsfdsdfsdfsdf8898]

Лике

[@ИванИванченко-ъ8э]

"Здесь появится подсказка". А подсказка не появилась. Где видео?)

[@prosto_razrabotka]

Так есть жеж.. -)

[@aidajam3294]

Не, досмотрела. Хотя изложение материала отличное. Все таки это учебный ролик, а не прием пищи, поэтому музыка вообще не в тему. Причем, это часто встречается на русскоязычных роликах.

[@prosto_razrabotka]

А где написано, что процесс обучения должен быть скучным и утомительным? Или может отвлекает? Ну так и в работе не бывает тишины - коллеги общаются, машины за окном шумят...