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