Bootstrap сетка. Подробное руководство

Рет қаралды 242,162

6 жыл бұрын

Все курсы в одном комплекте: wd-m.ru/bundle
Создание сайта от А до Я: goo.gl/ankxq9
Всем привет, друзья! Bootstrap неплохо зарекомендовал себя как удобный, расширяемый CSS каркас для быстрого создания адаптивных макетов. Миллионы сайтов успешно используют этот фреймворк в средних, малых и крупных проектах. Bootstrap важен тем, что имеет поддержку всех современных браузеров и дает более удобную, управляемую и гибкую систему для разработчиков, нежели классическая модель разметки без использования фреймворка.
Страница урока: webdesign-master.ru/blog/html...
ВКонтакте: jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb

Пікірлер: 203

@wdm 2 ай бұрын

💥 Все курсы в одном комплекте 👇👇👇 webdesign-master.ru/bundle_courses

@debasher 5 жыл бұрын

Дошёл до 20 минуты и не смог сдержаться. Я просто кайфую от таких уроков. Подача материала просто на высшем уровне, объясняется всё от А до Я, про складывание столбцов даже не знал. Побольше бы таких уроков и спасибо за такую кропотливую работу. Всем добра.

@AnVaSKLetsPlay 6 жыл бұрын

Считаю твои уроки одними из лучших на youtube. Спасибо за труд.

@wdm 6 жыл бұрын

Спасибо!

@remyanderson8526 2 жыл бұрын

@Jerry Lachlan Instablaster :)

@ProstoSvidetel 4 жыл бұрын

О-о-очень подробное и наглядное объяснение! Наконец-то становится понятна картина в целом. Отдельное спасибо за наглядность примеров 🤝

@oleksandrmorozov3051 6 жыл бұрын

Спасибо, крутой обзор. Ждем джедая!!

@nikitos23kh 6 жыл бұрын

Побольше бы такие людей, которые четко без воды и понятным языком доносят информацию. Благодарю за уроки!

@Andrei_Porsev 6 жыл бұрын

Жду с не терпеньем следующие уроки, о которых ты упоминал в этом уроке. Спасибо за труды.

@user-et5bc3uo2n 5 жыл бұрын

Бро! Восхитительнейшая подача материала! Благодаря твоему видео, получилось сдвинуться с мертвой точки! У тебя талант к преподаванию, прокачивай его. Желаю громадных успехов!

@mcswplayon987 5 жыл бұрын

Неплохо. Очень и очень круто, спасибо за полезную информацию. Без воды, все по делу)

@web4554 6 жыл бұрын

Спасибо за Урок, Алексей) У Вас замечательные уроки)

@sea-lucky7143 6 жыл бұрын

Спасибо большое Алексей, как всегда качественно, понятно и на высоте! Ждём новых видосов :)

@user-fz1ji3ol7h 3 жыл бұрын

Моё уважение, парень даже видео ускоряет в момент написания кода, а это огромная работа для 40 минутного видео.

@parahumanoid 3 жыл бұрын

Здорево! Материал, ясность изложения, постоянство терминологии, наглядность примеров, ярко демонстрирующих конкретную суть поведения так, что не спутать с другими возможными причинами, выговор, тембр, отсутствие долбанной музыки и скомканных акцентов. Просто премиумный уровень. Хоть сейчас подавай уроки в PluralSight, даже лучше. И главное, темп подачи материала подобран хорошо. Расчет на новичка в бутстрапе, но не с интеллектом табуретки, как некоторые объясняют азы по полчаса. Четко, в тему, и -- поехали дальше. Просто прекрасно.

@justspartak 4 жыл бұрын

Хорошая подача материала. Всё доходчиво, и наглядно. Cпасибо!

@tatyanadovzhich 6 жыл бұрын

ОГРОМНЕЙШЕЕ ВАМ СПАСИБО!!!! за все Ваши уроки. Очень подробное, толковое описание всех тонкостей и нюансов верстки. Пожалуйста, продолжайте в том же духе! Вы делаете мир умнее, а значит и добрее :)

@user-fu1wg2mj7h 6 жыл бұрын

Очень понравился материал! После этого обучающего видео смотрел как верстают макет сайта. Все было предельно ясно.

@mikhailvolosovich135 6 жыл бұрын

Ты очень хорошо ведёшь ,за два твоих ролика ,я понял больше чем через неделю просмотров .

@krassnow8963 4 жыл бұрын

Спасибо, как всегда, четко и по делу) Легко воспринимается, когда уже верстал и на бутстрап 3 и на флексах))

@romanpityul8805 4 жыл бұрын

Спасибо Огромное!! Очень доходчиво все объясняешь!! Раньше как-то bootstrap не заходил мне..а после твоих уроков прям влетел))

@romanshvietsov8026 3 жыл бұрын

Огромное спасибо,делай побольше таких уроков!

@dimanazdratenko 6 жыл бұрын

Огромное спасибо, наконец-то все по полочкам разложено :)

@samurai-csgo 6 жыл бұрын

Волшебно! Особенно вертикальное выравнивание порадовало )

@nekchich5565 6 жыл бұрын

Просто и понятно ни капли воды , респект.

@whyrabbitone 6 жыл бұрын

Алексей, очень круто объясняешь, разложил всё прямо ОТ и ДО, теперь стало более понятно, как работать с данной сеткой, большое тебе спасибо) Когда планируешь джедая верстки на bs4?

@user-kc8sl1ky1q 6 жыл бұрын

Добрый день. Спасибо за Ваш труд.

@SuperKatSSS 6 жыл бұрын

Чётко, понятно, наглядно. Отличный обзор, спасибо!

@user-fm7mm6km1w 5 жыл бұрын

Спасибо за урок. Ты отличный учитель.

@XMelentino 5 жыл бұрын

Шикарный урок, спасибо большое!

@user-jw8sm9ru5d 5 жыл бұрын

Отличный урок! Сам учусь на веб дизайнера,но знаний на курсах дают недостаточно одну базу,а в твоих уроках можно более детально углубиться.Хорошее дело делаешь,продолжай в том же духе!

@olatera 6 жыл бұрын

господи, спасибо золотой человег!!!! наконец-то нормальное видео на русском по сетке для новичков.

@dumakisa 6 жыл бұрын

Алексей как всегда на высоте! Отдельное спасибо за "пикселей" вместо "пикселов" )

@andreys1099 5 жыл бұрын

Огромное спасибо за видео! Все очень подробно и понятно :)

@asetaseett3334 6 жыл бұрын

Спасибо за урок. Продолжайте в том же духе!

@GGSoft2009 4 жыл бұрын

Ну спасибо огромное!!!! Вопросов не остается!!! Браво!!!!

@user-jv6sj4yd7u 4 жыл бұрын

Супер. Лучший урок по этой теме. Спасибо.

@ingvarishchenko1041 6 жыл бұрын

ОГРОМНОЕ СПАСИБО! ВСЕ ОЧЕНЬ ПОДРОБНО И ПОНЯТНО!

@mishasv1490 5 жыл бұрын

Мега полезное видео, наверное даже самое полезное по bootstrap 4

@olisy87 4 жыл бұрын

Большое спасибо за видео! Теперь я понимаю что это за ряды и колонки во фреймворках и как их использовать.

@user-fh1gr5li2r Жыл бұрын

Благодарю за ценную информацию!

@Fokusnikd 5 жыл бұрын

Спасибо за потрясающий гайд.

@guestalex 4 жыл бұрын

Блин, лучший урок, что я видел по bootstrap

@mrnobody3739 2 жыл бұрын

просто и доходчиво, спасибо, урок прям супер

@user-bm4mm7zd4c 3 жыл бұрын

спасибо большое за твои труды, все доступно))

@vitamedovshchuk8369 4 жыл бұрын

Спасибо за шикарный урок)

@yrsafam 6 жыл бұрын

Как всегда шикарно ) спасибо :)

@user-tg1ge6oi2v 3 жыл бұрын

Очень структурировано спасибо !

@serhiymelnyk9875 6 жыл бұрын

Спасибо за Ваш труд !!!

@psihonort9275 6 жыл бұрын

Спасибо за руководство, годнота !

@vwusr2533 6 жыл бұрын

Мегареспект тебе Алексей, 2 дня искал способ как изменить ширину контейнера в новом бутстрап, а оказалось нужно использовать 4-й шаблон для верстки и все там вшито.

@user-mu4gp8ku4q 3 жыл бұрын

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

@user-kz5go4mp8w 4 жыл бұрын

Спасибо друг, ты реально крут)

@chistowick 3 жыл бұрын

Отличный материал, спасибо!

@user-th7so5xc3k 6 жыл бұрын

Алексей, из всех блогеров, ты объясняешь лучше всех!!! Побольше уроков,а то скучнова-то

@user-pn6it8nh7y 4 жыл бұрын

Большое спасибо! очень доступно объяснили

@user-yk2nw8en3p 6 жыл бұрын

Суперское видео!

@suspiciouscandy1678 4 жыл бұрын

Спасибо большое за урок! С английским дружу, мануал читаю. Но на своем языке приятней :)

@salinderru 6 жыл бұрын

спасибо. супер обьяснение.

@ivand7299 6 жыл бұрын

Спасибо прекрасно все обьяснил

@sergeykireev1431 5 жыл бұрын

Отличные уроки хорошая внятная речь

@NonToxicTV 6 жыл бұрын

Алексей спасибо Вам! Очень высокий уровень! приятно, понятно и полезно! Можете пожалуйста сориентировать когда выйдет видео по 4-му шаблону?

@chingiz_mammadov 5 жыл бұрын

Вообще нормально обьяснил. Мужик!

@user-gu1fb7nu2e 5 жыл бұрын

Видео - супер!!! Спасибо!

@egoregor3024 5 жыл бұрын

ТЫ.ПРОСТО.ЛУЧШИЙ.

@dailyvideo1593 Жыл бұрын

Офигенский видос)) Лайк!

@vl8224 3 жыл бұрын

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

@TheWorldPeace 4 жыл бұрын

Спасибо за урок!

@mamita5595 4 жыл бұрын

Ну вообще все круто. Молодец

@TheFryOS 6 жыл бұрын

Лайкос, пили ещё.

@user-kd4hj2tr3n 6 жыл бұрын

хороший видос, красиво оформил

@Kensidan 6 жыл бұрын

Спасибо Алексей

@ZurabPro 6 жыл бұрын

Мне Grid больше понравился, расскажи как нибудь сравнение, своё мнение, думаю было бы интересно

@nifler111 4 жыл бұрын

очень качественный урок.

@user-rt9vp1zw1p 6 жыл бұрын

спасибо за подробный урок, Алексей. Не могу найти видео про компьютер и обстановку рабочего места. хотелось бы услышать ваши мысли по поводу организации рабочего места: стол, стул и т. п.

@user-lf4qm1od6x 5 жыл бұрын

Спасибо большое!!!

@tipOdessa 6 жыл бұрын

крутое видео! лайк и подписка! спасибо

@EdGerfanov 6 жыл бұрын

спасибо за видео!:)

@40par 4 жыл бұрын

Спасибо, очень полезно

@artemsergeev4833 2 жыл бұрын

Храни тебя Бернерс-Ли!

@Ber1al221 6 жыл бұрын

Спасибо за руководство. Есть такой вопрос: стоит ли использовать встроенные компоненты Бутстрап или достаточно только сетки.

@bringonor6755 6 жыл бұрын

Алексей сделай Flex-box для самых малых будет многим интересно

@user-uc4fc6iy8e 4 жыл бұрын

Просто наглядно спс...

@Andrey-zv1kc 6 жыл бұрын

очень классный видос,посоветуй пожалуйста как лучше делать навигацию в хедере с выпадающими менюшками,когда при наведении мышки на кнопку с навигации появляется еще одна навигация и тд.. я делаю просто display none ,а через hover меняю значение. хорошая ли это практика?

@Eduard02834 4 жыл бұрын

spasibo prosto respect!

@user-cw7ne4dv2s 3 жыл бұрын

Супер! 100 лайков!

@romansharpe1131 6 жыл бұрын

Хороший урок

@11-april 4 жыл бұрын

Спасибо!

@nikitadenisov166 5 жыл бұрын

Долго искал про это видео . А то на бутстрапе 3.7.6 надоела верстать

@user-dz1uq5sd5b 4 жыл бұрын

Лайк, подписка. Однозначно. Решительно. Бесповоротно. О-о-очень грамотная и доступная подача. Просмотр одного этого ролика заполнил отдельные непонимания структуры сетки и оказался полезнее нескольких прочтений соответствующего раздела на сайте бутстрапа.

@user-in2ko5xh6l 4 жыл бұрын

Все очень доступно и понятно. Спасибо!

@maksymdunaev6020 3 жыл бұрын

ГЕНИЙ

@andriibabenko1644 6 жыл бұрын

Було цікаво. Дякую)

@user-pd6uw5yl2z 2 жыл бұрын

Спасибо

@leitohardy9679 5 жыл бұрын

Спасибо.

@tigranvardanyan5044 5 жыл бұрын

молодец чувак

@pavlotesliuk9076 5 жыл бұрын

спасибо

@headspase2585 4 жыл бұрын

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

@wdm 4 жыл бұрын

Здравствуйте. kzfaq.info/get/bejne/orWIrZOLvtu4oX0.html

@user-tg4nn2nd3g 6 жыл бұрын

Отличное вводное,спасибо. Когда можно будет ждать обзор на optmzdHtml_4?)

@wdm Жыл бұрын

Материал уже готов: kzfaq.info/get/bejne/orWIrZOLvtu4oX0.html

@MAXAMIRAX 5 жыл бұрын

Привет, Алексей! Отличный канал! Скажите пожалуйста, в какой программе или на каком сайте вы пишете код и сразу же видите результат? Не смог найти источник. Спасибо за ответ

@erdauletbayangali7470 4 жыл бұрын

Ждем джедай верстки 8 с нетерпением

@wdm 9 ай бұрын

Здравствуйте. Джедай верстки 8 уже на канале: kzfaq.info/get/bejne/abaqrb1myq6smZs.html

@user-ep5vj8dg5r 6 жыл бұрын

Спасибо за подробное видео. У меня вопрос. Пользовался еще альфа версией сетки в том году, конечно удобнее, чем 3 версия. Но использовал только сетку, да и вообще подключается порой столько классов не нужных, как по мне это лишь загружает сайт. Вы убираете те что не используете из самих файлов или они остаются? Конечно используя sass гораздо проще, но всеравно остается немало классов, которые не будут использоваться с вероятностью 98%. Меня всегда этот вопрос волновал в бутстрапе.

@wdm 6 жыл бұрын

42kb в сжатом CSS файле - это в 10 раз меньше, чем картинка товара на вашей странице. Это излишний перфекционизм, который ни на что не влияет, кроме вашего спокойного сна. Что касается использования только сетки, в проектах она у меня используется на полную. Каждый килобайт. Вы имеете ввиду сетку или весь Bootstrap?