Bootstrap 5 - Introduction & Building A Responsive Website | Complete Tutorial
This is a tutorial video where I introduce Bootstrap, Explain the Grid Layout and Containers of bootstrap, and help you build responsive websites better.
This video is a part of Web Development Bootcamp and the Front-End Basics, for beginners to skill up and become comfortable with building beautiful, responsive, and static websites.
Take part in the learning in public initiative! Share your learnings on Twitter. Write Blogs & Twitter Threads and share them with #LearningWithApoorv and don't forget to tag me @apoorvtwts
I'm Apoorv Goyal, a software engineer with over 4 years of experience in software engineering and web development. I dropped out of college in my first semester and had ZERO knowledge in tech when I started on my own from scratch.
=========================================
➡️ Links:
Bootstrap Documentation - https://getbootstrap.com/docs/5.2/getting-started/introduction/
Notes & Assignments - https://github.com/virtual-tech-school/virtual-tech-notes/tree/main/frontend-101/05-bootstrap
=========================================
➡️ Virtual Tech School Website: https://virtualtechschool.org
➡️ Virtual Tech Notes & Assignment Repository: https://github.com/virtual-tech-school/virtual-tech-notes
=========================================
➡️ Playlists:
Git & GitHub Masterclass Course - https://www.youtube.com/playlist?list=PL2kSRH_DmWVajYgFoP-HVKK5VKkzFYyzp
Linux Masterclass Course - https://www.youtube.com/watch?v=nRpmRDm-QrQ&list=PL2kSRH_DmWVZp_cu6MMPWkgYh7GZVFS6i&index=2
Complete Web Development Bootcamp Course - https://www.youtube.com/watch?v=onBooVTVwyw&list=PL2kSRH_DmWVZzZSN87g1dSDz0FUnp9PMh&index=2
Frontend Development - https://www.youtube.com/watch?v=-wx4z8SC7aA&list=PL2kSRH_DmWVbKFpYn3drI8Qf66ZpvZ_3L
=========================================
➡️ Connect with me:
Twitter - https://twitter.com/apoorvtwts
Instagram - https://www.instagram.com/intellectualspirits
Discord Server - https://discord.gg/EYB8tQxjxH
My YouTube Channel - https://www.youtube.com/c/ApoorvGoyalMain
My Blog - https://apoorvgoyal.hashnode.dev/
=========================================
➡️ Support My Work:
Buy Me A Coffee - https://www.buymeacoffee.com/apoorvgoyal
=========================================
Timestamps:
00:00 Introduction
01:34 What Is Bootstrap?
02:01 Bootstrap Documentation
02:48 What Is A CDN?
07:43 Getting Started With Bootstrap
12:20 Breakpoints In Bootstrap
18:07 Containers In Bootstrap
29:09 Grid System In Bootstrap
30:51 Understanding How Grid System Works?
52:00 Coding Our Community Website
01:04:47 Margins & Padding In Bootstrap
01:15:29 Continuing To Code
01:33:32 Assignment
01:36:33 What's Next?
01:37:43 Learn In-Public & Outro
#bootstrap #css #tutorial #course
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Bootstrap 5 - Introduction & Building A Responsive Website | Complete Tutorial», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.