Learning Bootstrap 4
Creator: Hannat Salami August 24, 2026What You'll Learn
- Construct multi-column web layouts using Bootstrap's `.row` and `.col` classes
- Assign exact element widths using numerical column classes across the 12-column grid
- Configure responsive layouts across screen sizes using breakpoint modifiers (`sm`, `md`, `lg`, and `xl`)
- Manage automatic row wrapping when column spans exceed the 12-unit threshold
- Combine auto-sizing columns with fixed-span columns within a single row container
About This Course
In this course, you will learn how to structure and control responsive web layouts using the Bootstrap 4 grid system. You will explore how Bootstrap's underlying Flexbox engine organizes content into rows and flexible columns, automatically distributing screen real estate without manual CSS calculations. You will build custom page layouts by assigning specific column widths and configuring responsive breakpoints from extra small to extra large screen sizes. By the end of the course, you will be able to structure web pages that adjust fluidly from single vertical columns on mobile devices to multi-column arrangements on desktop screens.
Who this is for: This course is for beginner web developers and designers who want to build structured, mobile-friendly page layouts using Bootstrap 4. Basic familiarity with HTML and core CSS concepts like Flexbox will help you get the most out of the lessons.
Modules
01: Introduction to Learning Bootstrap 4
45 min
01: Introduction to Learning Bootstrap 4
45 min
Final Quiz
Covers all 1 modules. Pass with 80% or higher to complete the course.
New To YouVersity?
This course is built from real YouTube videos, structured into modules with quizzes and progress tracking. Original creators keep every view and every ad dollar — courses just send them focused, motivated viewers.
- Structured modules
- Free to enrol
- Progress saved across devices
- Quizzes after each section
Ready To Start?
Begin the first module now. No credit card needed
Before You Decide
Playlists don't have quizzes, don't track progress, don't pull videos from multiple channels into a sequence, and don't give you a certificate. A playlist is a list. This is a course.
The videos are still free. What costs money is the structure around them: modules in the right order, quizzes built from the content, progress that follows you across devices, and a certificate at the end. You could piece all of that together yourself. Or you could have it built in minutes.
They're yours. Permanently. Every certificate you earned stays dated, valid, and shareable whether you're still subscribed or not. Cancelling doesn't touch anything you've already completed.
Install it from the Chrome Web Store. When you're on any YouTube video, click the YouVersity icon to save it to your library. Once you've saved enough, turn your library into a structured course. It's a second way to create courses: instead of typing a topic, you hand-pick the videos yourself.
The opposite. Videos stay embedded on YouTube. Every view in a course is a real view on their channel with their ads. We send them focused, motivated viewers who actually watch to the end. Creators keep everything they already earn, plus new traffic.
Probably not. Most people take two or three. At $9 a month, even one course is worth it compared to buying individually. The 30 is a ceiling, not a homework assignment.
Related Courses
Modern Web Development: HTML, CSS & JavaScript
Build the web from scratch: structure pages with HTML forms, lay them out with CSS flexbox and responsive media queries, then bring them to life with JavaScript fundamentals, functions, DOM manipulation and fetching data from APIs.
David M.
Git and GitHub for Beginners
A foundational guide designed to teach you how to track code changes and collaborate on software projects effectively.
Hannat S.
Vibe Coding For Beginners
"Vibe Coding for Beginners" introduces you to building software using AI where you focus on the big-picture ideas while AI handles the actual typing of the code.
Hannat S.