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

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

WebDesign Master

WebDesign Master

6 жыл бұрын

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

Пікірлер: 203
@wdm
@wdm 6 күн бұрын
💥 Все курсы в одном комплекте 👇👇👇 webdesign-master.ru/bundle_courses
@debasher
@debasher 5 жыл бұрын
Дошёл до 20 минуты и не смог сдержаться. Я просто кайфую от таких уроков. Подача материала просто на высшем уровне, объясняется всё от А до Я, про складывание столбцов даже не знал. Побольше бы таких уроков и спасибо за такую кропотливую работу. Всем добра.
@user-fz1ji3ol7h
@user-fz1ji3ol7h 3 жыл бұрын
Моё уважение, парень даже видео ускоряет в момент написания кода, а это огромная работа для 40 минутного видео.
@AnVaSKLetsPlay
@AnVaSKLetsPlay 6 жыл бұрын
Считаю твои уроки одними из лучших на youtube. Спасибо за труд.
@wdm
@wdm 6 жыл бұрын
Спасибо!
@remyanderson8526
@remyanderson8526 2 жыл бұрын
@Jerry Lachlan Instablaster :)
@oleksandrmorozov3051
@oleksandrmorozov3051 6 жыл бұрын
Спасибо, крутой обзор. Ждем джедая!!
@nikitos23kh
@nikitos23kh 6 жыл бұрын
Побольше бы такие людей, которые четко без воды и понятным языком доносят информацию. Благодарю за уроки!
@ProstoSvidetel
@ProstoSvidetel 4 жыл бұрын
О-о-очень подробное и наглядное объяснение! Наконец-то становится понятна картина в целом. Отдельное спасибо за наглядность примеров 🤝
@parahumanoid
@parahumanoid 3 жыл бұрын
Здорево! Материал, ясность изложения, постоянство терминологии, наглядность примеров, ярко демонстрирующих конкретную суть поведения так, что не спутать с другими возможными причинами, выговор, тембр, отсутствие долбанной музыки и скомканных акцентов. Просто премиумный уровень. Хоть сейчас подавай уроки в PluralSight, даже лучше. И главное, темп подачи материала подобран хорошо. Расчет на новичка в бутстрапе, но не с интеллектом табуретки, как некоторые объясняют азы по полчаса. Четко, в тему, и -- поехали дальше. Просто прекрасно.
@web4554
@web4554 6 жыл бұрын
Спасибо за Урок, Алексей) У Вас замечательные уроки)
@nekchich5565
@nekchich5565 6 жыл бұрын
Просто и понятно ни капли воды , респект.
@romanshvietsov8026
@romanshvietsov8026 3 жыл бұрын
Огромное спасибо,делай побольше таких уроков!
@Andrei_Porsev
@Andrei_Porsev 6 жыл бұрын
Жду с не терпеньем следующие уроки, о которых ты упоминал в этом уроке. Спасибо за труды.
@mcswplayon987
@mcswplayon987 5 жыл бұрын
Неплохо. Очень и очень круто, спасибо за полезную информацию. Без воды, все по делу)
@justspartak
@justspartak 5 жыл бұрын
Хорошая подача материала. Всё доходчиво, и наглядно. Cпасибо!
@dimanazdratenko
@dimanazdratenko 6 жыл бұрын
Огромное спасибо, наконец-то все по полочкам разложено :)
@sea-lucky7143
@sea-lucky7143 6 жыл бұрын
Спасибо большое Алексей, как всегда качественно, понятно и на высоте! Ждём новых видосов :)
@user-et5bc3uo2n
@user-et5bc3uo2n 5 жыл бұрын
Бро! Восхитительнейшая подача материала! Благодаря твоему видео, получилось сдвинуться с мертвой точки! У тебя талант к преподаванию, прокачивай его. Желаю громадных успехов!
@samurai-csgo
@samurai-csgo 6 жыл бұрын
Волшебно! Особенно вертикальное выравнивание порадовало )
@user-fu1wg2mj7h
@user-fu1wg2mj7h 6 жыл бұрын
Очень понравился материал! После этого обучающего видео смотрел как верстают макет сайта. Все было предельно ясно.
@user-kc8sl1ky1q
@user-kc8sl1ky1q 6 жыл бұрын
Добрый день. Спасибо за Ваш труд.
@user-fm7mm6km1w
@user-fm7mm6km1w 5 жыл бұрын
Спасибо за урок. Ты отличный учитель.
@tatyanadovzhich
@tatyanadovzhich 6 жыл бұрын
ОГРОМНЕЙШЕЕ ВАМ СПАСИБО!!!! за все Ваши уроки. Очень подробное, толковое описание всех тонкостей и нюансов верстки. Пожалуйста, продолжайте в том же духе! Вы делаете мир умнее, а значит и добрее :)
@mikhailvolosovich135
@mikhailvolosovich135 6 жыл бұрын
Ты очень хорошо ведёшь ,за два твоих ролика ,я понял больше чем через неделю просмотров .
@SuperKatSSS
@SuperKatSSS 6 жыл бұрын
Чётко, понятно, наглядно. Отличный обзор, спасибо!
@XMelentino
@XMelentino 5 жыл бұрын
Шикарный урок, спасибо большое!
@GGSoft2009
@GGSoft2009 4 жыл бұрын
Ну спасибо огромное!!!! Вопросов не остается!!! Браво!!!!
@krassnow8963
@krassnow8963 4 жыл бұрын
Спасибо, как всегда, четко и по делу) Легко воспринимается, когда уже верстал и на бутстрап 3 и на флексах))
@Fokusnikd
@Fokusnikd 5 жыл бұрын
Спасибо за потрясающий гайд.
@user-jv6sj4yd7u
@user-jv6sj4yd7u 4 жыл бұрын
Супер. Лучший урок по этой теме. Спасибо.
@romanpityul8805
@romanpityul8805 4 жыл бұрын
Спасибо Огромное!! Очень доходчиво все объясняешь!! Раньше как-то bootstrap не заходил мне..а после твоих уроков прям влетел))
@user-fh1gr5li2r
@user-fh1gr5li2r Жыл бұрын
Благодарю за ценную информацию!
@olatera
@olatera 6 жыл бұрын
господи, спасибо золотой человег!!!! наконец-то нормальное видео на русском по сетке для новичков.
@asetaseett3334
@asetaseett3334 6 жыл бұрын
Спасибо за урок. Продолжайте в том же духе!
@ingvarishchenko1041
@ingvarishchenko1041 6 жыл бұрын
ОГРОМНОЕ СПАСИБО! ВСЕ ОЧЕНЬ ПОДРОБНО И ПОНЯТНО!
@mishasv1490
@mishasv1490 5 жыл бұрын
Мега полезное видео, наверное даже самое полезное по bootstrap 4
@guestalex
@guestalex 4 жыл бұрын
Блин, лучший урок, что я видел по bootstrap
@andreys1099
@andreys1099 6 жыл бұрын
Огромное спасибо за видео! Все очень подробно и понятно :)
@yrsafam
@yrsafam 6 жыл бұрын
Как всегда шикарно ) спасибо :)
@dumakisa
@dumakisa 6 жыл бұрын
Алексей как всегда на высоте! Отдельное спасибо за "пикселей" вместо "пикселов" )
@vitamedovshchuk8369
@vitamedovshchuk8369 4 жыл бұрын
Спасибо за шикарный урок)
@dailyvideo1593
@dailyvideo1593 Жыл бұрын
Офигенский видос)) Лайк!
@egoregor3024
@egoregor3024 5 жыл бұрын
ТЫ.ПРОСТО.ЛУЧШИЙ.
@mrnobody3739
@mrnobody3739 2 жыл бұрын
просто и доходчиво, спасибо, урок прям супер
@user-jw8sm9ru5d
@user-jw8sm9ru5d 5 жыл бұрын
Отличный урок! Сам учусь на веб дизайнера,но знаний на курсах дают недостаточно одну базу,а в твоих уроках можно более детально углубиться.Хорошее дело делаешь,продолжай в том же духе!
@user-yk2nw8en3p
@user-yk2nw8en3p 6 жыл бұрын
Суперское видео!
@serhiymelnyk9875
@serhiymelnyk9875 6 жыл бұрын
Спасибо за Ваш труд !!!
@user-tg1ge6oi2v
@user-tg1ge6oi2v 3 жыл бұрын
Очень структурировано спасибо !
@whyrabbitone
@whyrabbitone 6 жыл бұрын
Алексей, очень круто объясняешь, разложил всё прямо ОТ и ДО, теперь стало более понятно, как работать с данной сеткой, большое тебе спасибо) Когда планируешь джедая верстки на bs4?
@psihonort9275
@psihonort9275 6 жыл бұрын
Спасибо за руководство, годнота !
@user-bm4mm7zd4c
@user-bm4mm7zd4c 3 жыл бұрын
спасибо большое за твои труды, все доступно))
@user-pn6it8nh7y
@user-pn6it8nh7y 4 жыл бұрын
Большое спасибо! очень доступно объяснили
@chistowick
@chistowick 3 жыл бұрын
Отличный материал, спасибо!
@user-mu4gp8ku4q
@user-mu4gp8ku4q 3 жыл бұрын
дружище, верстаю сайт с другом на бутстрапе, спасибо большое от души что объяснил
@user-kz5go4mp8w
@user-kz5go4mp8w 4 жыл бұрын
Спасибо друг, ты реально крут)
@user-gu1fb7nu2e
@user-gu1fb7nu2e 5 жыл бұрын
Видео - супер!!! Спасибо!
@vl8224
@vl8224 3 жыл бұрын
Спасибо. Было интересно
@mamita5595
@mamita5595 4 жыл бұрын
Ну вообще все круто. Молодец
@vwusr2533
@vwusr2533 6 жыл бұрын
Мегареспект тебе Алексей, 2 дня искал способ как изменить ширину контейнера в новом бутстрап, а оказалось нужно использовать 4-й шаблон для верстки и все там вшито.
@ivand7299
@ivand7299 6 жыл бұрын
Спасибо прекрасно все обьяснил
@salinderru
@salinderru 6 жыл бұрын
спасибо. супер обьяснение.
@user-th7so5xc3k
@user-th7so5xc3k 6 жыл бұрын
Алексей, из всех блогеров, ты объясняешь лучше всех!!! Побольше уроков,а то скучнова-то
@olisy87
@olisy87 4 жыл бұрын
Большое спасибо за видео! Теперь я понимаю что это за ряды и колонки во фреймворках и как их использовать.
@nifler111
@nifler111 4 жыл бұрын
очень качественный урок.
@chingiz_mammadov
@chingiz_mammadov 5 жыл бұрын
Вообще нормально обьяснил. Мужик!
@sergeykireev1431
@sergeykireev1431 5 жыл бұрын
Отличные уроки хорошая внятная речь
@artemsergeev4833
@artemsergeev4833 2 жыл бұрын
Храни тебя Бернерс-Ли!
@TheWorldPeace
@TheWorldPeace 4 жыл бұрын
Спасибо за урок!
@suspiciouscandy1678
@suspiciouscandy1678 4 жыл бұрын
Спасибо большое за урок! С английским дружу, мануал читаю. Но на своем языке приятней :)
@TheFryOS
@TheFryOS 6 жыл бұрын
Лайкос, пили ещё.
@Kensidan
@Kensidan 6 жыл бұрын
Спасибо Алексей
@user-kd4hj2tr3n
@user-kd4hj2tr3n 6 жыл бұрын
хороший видос, красиво оформил
@Eduard02834
@Eduard02834 4 жыл бұрын
spasibo prosto respect!
@user-lf4qm1od6x
@user-lf4qm1od6x 5 жыл бұрын
Спасибо большое!!!
@user-cw7ne4dv2s
@user-cw7ne4dv2s 3 жыл бұрын
Супер! 100 лайков!
@tipOdessa
@tipOdessa 6 жыл бұрын
крутое видео! лайк и подписка! спасибо
@40par
@40par 4 жыл бұрын
Спасибо, очень полезно
@user-uc4fc6iy8e
@user-uc4fc6iy8e 4 жыл бұрын
Просто наглядно спс...
@maksymdunaev6020
@maksymdunaev6020 3 жыл бұрын
ГЕНИЙ
@tinaaltman6183
@tinaaltman6183 4 жыл бұрын
Спасибо!
@user-rt9vp1zw1p
@user-rt9vp1zw1p 6 жыл бұрын
спасибо за подробный урок, Алексей. Не могу найти видео про компьютер и обстановку рабочего места. хотелось бы услышать ваши мысли по поводу организации рабочего места: стол, стул и т. п.
@ZurabPro
@ZurabPro 6 жыл бұрын
Мне Grid больше понравился, расскажи как нибудь сравнение, своё мнение, думаю было бы интересно
@NonToxicTV
@NonToxicTV 6 жыл бұрын
Алексей спасибо Вам! Очень высокий уровень! приятно, понятно и полезно! Можете пожалуйста сориентировать когда выйдет видео по 4-му шаблону?
@romansharpe1131
@romansharpe1131 6 жыл бұрын
Хороший урок
@EdGerfanov
@EdGerfanov 6 жыл бұрын
спасибо за видео!:)
@Andrey-zv1kc
@Andrey-zv1kc 6 жыл бұрын
очень классный видос,посоветуй пожалуйста как лучше делать навигацию в хедере с выпадающими менюшками,когда при наведении мышки на кнопку с навигации появляется еще одна навигация и тд.. я делаю просто display none ,а через hover меняю значение. хорошая ли это практика?
@user-pd6uw5yl2z
@user-pd6uw5yl2z 2 жыл бұрын
Спасибо
@tigranvardanyan5044
@tigranvardanyan5044 5 жыл бұрын
молодец чувак
@Ber1al221
@Ber1al221 6 жыл бұрын
Спасибо за руководство. Есть такой вопрос: стоит ли использовать встроенные компоненты Бутстрап или достаточно только сетки.
@nikitadenisov166
@nikitadenisov166 5 жыл бұрын
Долго искал про это видео . А то на бутстрапе 3.7.6 надоела верстать
@TheTanat
@TheTanat 4 жыл бұрын
Умничка
@pavlotesliuk9076
@pavlotesliuk9076 5 жыл бұрын
спасибо
@andriibabenko1644
@andriibabenko1644 6 жыл бұрын
Було цікаво. Дякую)
@leitohardy9679
@leitohardy9679 5 жыл бұрын
Спасибо.
@bringonor6755
@bringonor6755 6 жыл бұрын
Алексей сделай Flex-box для самых малых будет многим интересно
@headspase2585
@headspase2585 4 жыл бұрын
Здравствуйте, очень полезный урок, можно пожалуйста ссылку на следующий?
@wdm
@wdm 4 жыл бұрын
Здравствуйте. kzfaq.info/get/bejne/orWIrZOLvtu4oX0.html
@user-in2ko5xh6l
@user-in2ko5xh6l 4 жыл бұрын
Все очень доступно и понятно. Спасибо!
@erdauletbayangali7470
@erdauletbayangali7470 5 жыл бұрын
Ждем джедай верстки 8 с нетерпением
@wdm
@wdm 10 ай бұрын
Здравствуйте. Джедай верстки 8 уже на канале: kzfaq.info/get/bejne/abaqrb1myq6smZs.html
@limeya4099
@limeya4099 6 жыл бұрын
супер!спасибо.how old are you?
@dezu805
@dezu805 6 жыл бұрын
спасибо, а если мне нужно изменить кол-во колонок на других разрешениях? например, из четырёх колонок сделать шесть на разрешении больше 1600 (не 1200) и например, из двух сделать одну, на разрешении меньше 450 (не 576)? в таких случаях bootstrap подходит?
@MAXAMIRAX
@MAXAMIRAX 5 жыл бұрын
Привет, Алексей! Отличный канал! Скажите пожалуйста, в какой программе или на каком сайте вы пишете код и сразу же видите результат? Не смог найти источник. Спасибо за ответ
OMG😳 #tiktok #shorts #potapova_blog
00:58
Potapova_blog
Рет қаралды 3,5 МЛН
Must-have gadget for every toilet! 🤩 #gadget
00:27
GiGaZoom
Рет қаралды 11 МЛН
Как правильно и быстро верстать сайты
23:53
Как работает bootstrap 4 сетка. Основы по grid. Практика
19:21
Просто: разработка
Рет қаралды 24 М.
37 ошибок верстальщиков. Не делай так!
44:50
MaxGraph - cайты как страсть
Рет қаралды 55 М.
Советский мультфильм про нашу жизнь !
13:49
Дедушка Аргентинца
Рет қаралды 3,7 МЛН
Что такое удобная вёрстка? bootstrap? flexbox? сетка?
15:36
Дмитрий Лаврик
Рет қаралды 41 М.
Создание сетки в Figma
16:54
WebDesign Master
Рет қаралды 35 М.
Bootstrap сетка
24:38
Александр Дудукало
Рет қаралды 4,5 М.
OMG😳 #tiktok #shorts #potapova_blog
00:58
Potapova_blog
Рет қаралды 3,5 МЛН