Bootstrap сетка. Подробное руководство
ฝัง
- เผยแพร่เมื่อ 3 ก.พ. 2018
- Все курсы в одном комплекте: wd-m.ru/bundle
Создание сайта от А до Я: goo.gl/ankxq9
Всем привет, друзья! Bootstrap неплохо зарекомендовал себя как удобный, расширяемый CSS каркас для быстрого создания адаптивных макетов. Миллионы сайтов успешно используют этот фреймворк в средних, малых и крупных проектах. Bootstrap важен тем, что имеет поддержку всех современных браузеров и дает более удобную, управляемую и гибкую систему для разработчиков, нежели классическая модель разметки без использования фреймворка.
Страница урока: webdesign-master.ru/blog/html...
ВКонтакте: jediweb
Телеграм: t.me/jediweb
Дзен: dzen.ru/jediweb
![[4K] TREASURE(트레저) “KING KONG” Band LIVE Concert 킹콩은 라이브를 찢어🦍 [it’s KPOP LIVE 잇츠라이브]](http://i.ytimg.com/vi/p8bLLOxPDD8/mqdefault.jpg)
💥 Все курсы в одном комплекте 👇👇👇
webdesign-master.ru/bundle_courses
Моё уважение, парень даже видео ускоряет в момент написания кода, а это огромная работа для 40 минутного видео.
Дошёл до 20 минуты и не смог сдержаться. Я просто кайфую от таких уроков.
Подача материала просто на высшем уровне, объясняется всё от А до Я, про складывание столбцов даже не знал.
Побольше бы таких уроков и спасибо за такую кропотливую работу.
Всем добра.
Здорево! Материал, ясность изложения, постоянство терминологии, наглядность примеров, ярко демонстрирующих конкретную суть поведения так, что не спутать с другими возможными причинами, выговор, тембр, отсутствие долбанной музыки и скомканных акцентов. Просто премиумный уровень. Хоть сейчас подавай уроки в PluralSight, даже лучше. И главное, темп подачи материала подобран хорошо. Расчет на новичка в бутстрапе, но не с интеллектом табуретки, как некоторые объясняют азы по полчаса. Четко, в тему, и -- поехали дальше. Просто прекрасно.
Считаю твои уроки одними из лучших на youtube. Спасибо за труд.
Спасибо!
@Jerry Lachlan Instablaster :)
Спасибо, крутой обзор. Ждем джедая!!
Побольше бы такие людей, которые четко без воды и понятным языком доносят информацию.
Благодарю за уроки!
Жду с не терпеньем следующие уроки, о которых ты упоминал в этом уроке. Спасибо за труды.
Спасибо за Урок, Алексей) У Вас замечательные уроки)
О-о-очень подробное и наглядное объяснение! Наконец-то становится понятна картина в целом. Отдельное спасибо за наглядность примеров 🤝
Огромное спасибо,делай побольше таких уроков!
Бро! Восхитительнейшая подача материала! Благодаря твоему видео, получилось сдвинуться с мертвой точки! У тебя талант к преподаванию, прокачивай его. Желаю громадных успехов!
Просто и понятно ни капли воды , респект.
Хорошая подача материала. Всё доходчиво, и наглядно. Cпасибо!
Волшебно! Особенно вертикальное выравнивание порадовало )
Спасибо большое за урок! С английским дружу, мануал читаю. Но на своем языке приятней :)
Добрый день. Спасибо за Ваш труд.
Ты очень хорошо ведёшь ,за два твоих ролика ,я понял больше чем через неделю просмотров .
Неплохо. Очень и очень круто, спасибо за полезную информацию. Без воды, все по делу)
Спасибо большое Алексей, как всегда качественно, понятно и на высоте! Ждём новых видосов :)
Очень понравился материал! После этого обучающего видео смотрел как верстают макет сайта. Все было предельно ясно.
Огромное спасибо, наконец-то все по полочкам разложено :)
Спасибо за урок. Ты отличный учитель.
Алексей как всегда на высоте! Отдельное спасибо за "пикселей" вместо "пикселов" )
Ну спасибо огромное!!!! Вопросов не остается!!! Браво!!!!
Спасибо, как всегда, четко и по делу) Легко воспринимается, когда уже верстал и на бутстрап 3 и на флексах))
Шикарный урок, спасибо большое!
ОГРОМНЕЙШЕЕ ВАМ СПАСИБО!!!! за все Ваши уроки. Очень подробное, толковое описание всех тонкостей и нюансов верстки. Пожалуйста, продолжайте в том же духе! Вы делаете мир умнее, а значит и добрее :)
Отличный урок! Сам учусь на веб дизайнера,но знаний на курсах дают недостаточно одну базу,а в твоих уроках можно более детально углубиться.Хорошее дело делаешь,продолжай в том же духе!
Спасибо Огромное!! Очень доходчиво все объясняешь!! Раньше как-то bootstrap не заходил мне..а после твоих уроков прям влетел))
господи, спасибо золотой человег!!!! наконец-то нормальное видео на русском по сетке для новичков.
Спасибо за потрясающий гайд.
Чётко, понятно, наглядно. Отличный обзор, спасибо!
Благодарю за ценную информацию!
Блин, лучший урок, что я видел по bootstrap
Супер. Лучший урок по этой теме. Спасибо.
Алексей, очень круто объясняешь, разложил всё прямо ОТ и ДО, теперь стало более понятно, как работать с данной сеткой, большое тебе спасибо)
Когда планируешь джедая верстки на bs4?
ОГРОМНОЕ СПАСИБО! ВСЕ ОЧЕНЬ ПОДРОБНО И ПОНЯТНО!
Спасибо за урок. Продолжайте в том же духе!
Большое спасибо за видео! Теперь я понимаю что это за ряды и колонки во фреймворках и как их использовать.
Мега полезное видео, наверное даже самое полезное по bootstrap 4
Мегареспект тебе Алексей, 2 дня искал способ как изменить ширину контейнера в новом бутстрап, а оказалось нужно использовать 4-й шаблон для верстки и все там вшито.
Огромное спасибо за видео! Все очень подробно и понятно :)
Очень структурировано спасибо !
Спасибо за шикарный урок)
спасибо большое за твои труды, все доступно))
Спасибо за Ваш труд !!!
просто и доходчиво, спасибо, урок прям супер
дружище, верстаю сайт с другом на бутстрапе, спасибо большое от души что объяснил
Как всегда шикарно ) спасибо :)
Храни тебя Бернерс-Ли!
Отличный материал, спасибо!
Отличные уроки хорошая внятная речь
Большое спасибо! очень доступно объяснили
Спасибо за руководство, годнота !
Вообще нормально обьяснил. Мужик!
Алексей, из всех блогеров, ты объясняешь лучше всех!!! Побольше уроков,а то скучнова-то
ТЫ.ПРОСТО.ЛУЧШИЙ.
Видео - супер!!! Спасибо!
Спасибо друг, ты реально крут)
спасибо. супер обьяснение.
Спасибо. Было интересно
Спасибо прекрасно все обьяснил
Спасибо Алексей
Офигенский видос)) Лайк!
Ну вообще все круто. Молодец
очень качественный урок.
Спасибо за урок!
Суперское видео!
Лайкос, пили ещё.
очень классный видос,посоветуй пожалуйста как лучше делать навигацию в хедере с выпадающими менюшками,когда при наведении мышки на кнопку с навигации появляется еще одна навигация и тд..
я делаю просто display none ,а через hover меняю значение. хорошая ли это практика?
хороший видос, красиво оформил
спасибо за подробный урок, Алексей. Не могу найти видео про компьютер и обстановку рабочего места. хотелось бы услышать ваши мысли по поводу организации рабочего места: стол, стул и т. п.
Спасибо большое!!!
Алексей спасибо Вам! Очень высокий уровень! приятно, понятно и полезно! Можете пожалуйста сориентировать когда выйдет видео по 4-му шаблону?
Спасибо, очень полезно
Мне Grid больше понравился, расскажи как нибудь сравнение, своё мнение, думаю было бы интересно
Просто наглядно спс...
spasibo prosto respect!
Спасибо!
крутое видео! лайк и подписка! спасибо
Хороший урок
спасибо, а если мне нужно изменить кол-во колонок на других разрешениях? например, из четырёх колонок сделать шесть на разрешении больше 1600 (не 1200) и например, из двух сделать одну, на разрешении меньше 450 (не 576)? в таких случаях bootstrap подходит?
ГЕНИЙ
Супер! 100 лайков!
Спасибо
Спасибо за руководство. Есть такой вопрос: стоит ли использовать встроенные компоненты Бутстрап или достаточно только сетки.
спасибо за видео!:)
спасибо
Спасибо.
А как сделать чтобы от md разрешения например логотип был слево
А если разрешении меньше он вставал по центру, а не прижимался к левому краю ?
Добрый вечер . Подскажите как сделать так , чтобы при уменьшении ширины браузера колонки не выстраивалось вряд вертикально , а допустим была минимальная ширина колонки что ли ?
Долго искал про это видео . А то на бутстрапе 3.7.6 надоела верстать
Умничка
Подскажите пожалуйста, как изменить размер .container? Например, мне нужно ширину в 1580px.
молодец чувак
Добрый день! Поясните пожалуйста, при написании такого когда:
col-8
col-4
на всех разрешениях экрана от md(768px) и ВЫШЕ 1-ая ячейка будет занимать 8 из 12, а 2-ая 4 из 12 ячеек или только на разрешении md(768px) 1-ая ячейка будет занимать 8 из 12, а 2-ая 4 из 12, а при переходе от md на lg(или на sm) размер ячеек будет 6 из 12 ?
Привет, Алексей! Отличный канал! Скажите пожалуйста, в какой программе или на каком сайте вы пишете код и сразу же видите результат? Не смог найти источник. Спасибо за ответ
Спасибо за урок! Вопросы:
1. В каких случаях используется .container? Один раз, после body или для каждой секции?
2. Есть ли случаи, когда внутри .row нам необходимо использовать .container?
3. Допустимо ли использовать .container, но внутрь не вкладывать .row, а сразу вкладывать какие-то другие элементы?
4. Если я использую например бутстраповский Navbar или другие готовые компоненты, то мне нужно их оборачивать в .container и .row или нет?
5. Внутри готовых компонентов, для упорядочивания содержимого, можно делать ряды и колонки, или нет? И вообще, стоит ли извращаться с готовыми компонентами, или лучше делать тот же Navbar самому?
1. Контейнер используется тогда, когда в нём есть необходимость.
2. В Bootstrap такие случаи имеют место быть, но практической пользы в этом не вижу.
3. .col* должны быть в .row
4. Не использую компоненты Bootstrap, возможно ответ есть в документации. Однако думаю, что ответ №1 актуален и для этого пункта.
5. Компоненты не использую, думаю они более полезны для быстрого прототипирования, программистам например или для бэкенда.
Большое спасибо!
WebDesign Master красавчик на все ответил парню!!! Вот это я понимаю с душой относиться к своему ремеслу!!! Так держать,успехов во всем 👌
Вот WebDesign Master молодец! Почти все TH-cam'ры на вопросы не отвечают, а вот когда их хвалят, говорят что они молодцы, говорят спасибо за уроки, сразу же они это видят и пишут "Рад помочшь)", "Да не за что)" и все такое. А WebDesign Master на все вопросы ответил. *ТАК ДЕРЖАТЬ!*
Алексей сделай Flex-box для самых малых будет многим интересно