Bootstrap 5 From Start to Finish
Build beautiful and functional responsive websites
What you'll work with
About this course
Bootstrap 5 is a popular and widely-used front-end framework for building responsive and mobile-first websites and web applications. With Bootstrap 5, you get pre-designed templates, styles, and tools to develop beautiful and functional websites without having to start from scratch.
If you're a web developer looking to create responsive websites without spending countless hours on design, this course is for you.
We'll cover all the essentials of Bootstrap 5, including its grid system, components, and utilities. You'll learn how to create forms, navigation bars, dropdown menus, and much more.
But that's not all. You will learn how to customize your Bootstrap 5 templates to create unique and visually appealing websites that stand out from the crowd. You'll learn how to use CSS variables, JavaScript, and other modern web technologies to take your web development skills to the next level.
And the best part? You don't need to be an expert in web development to take this course. Tim will guide you through every step of the process, from setting up your development environment to developing complex mobile-friendly layouts.
So what are you waiting for? Sign up for the Bootstrap 5 course today and start building beautiful, responsive websites like a pro!
What you'll be able to do
- Set up Bootstrap 5
- Customize Bootstrap
- Style your Bootstrap website
- Create responsive layouts
Every lesson, in the open
63 lessons · 7.5 hours of video. Here's exactly what's inside.
- 1
Course Introduction
- Introduction 1:05
- Why Learn Bootstrap 5 5:09
- Who This Course Is For 5:21
- What This Course Covers 5:03
- What This Course Does Not Cover 6:30
- What Outcomes Should You Expect 3:10
- 2
Setup
- Introduction 0:58
- VSCode Extensions 4:48
- VSCode Configuration 10:26
- VSCode Tips and Tricks 17:28
- 3
Installation
- Introduction 0:54
- Compiled Files 11:44
- CDN 11:58
- Npm 7:45
- ASP.NET Core 6:18
- NuGet 2:46
- 4
Layout
- Introduction 0:35
- Containers 14:28
- Grid System 13:14
- Responsive Columns 12:15
- Gutters 11:03
- 5
Customizing Bootstrap with SCSS
- Introduction 1:55
- Setting up SCSS 4:47
- Changing Global CSS Settings 7:17
- Changing Theme Colors 8:45
- Adding Your Own Styles 4:28
- 6
CSS Grid
- Introduction 1:47
- Enabling CSS Grid 2:56
- Using CSS Grid 5:20
- Customizing the Grid 10:52
- 7
Styling Basics
- Introduction 0:37
- Normalization 6:49
- Text Styling 13:12
- Image Styling 5:15
- Table Styling 6:39
- 8
Forms
- Introduction 0:41
- Form Basics 6:01
- Form Layouts 10:22
- Common Controls 14:46
- Form Validation 7:12
- 9
Components
- Introduction 0:46
- Alerts 5:55
- Breadcrumbs 5:07
- Buttons 10:49
- Collapse 5:47
- Modal 8:02
- Navbar 25:39
- Hidden Sidebars 13:31
- Pagination 12:16
- Popovers 10:57
- Progress Bar 7:57
- Spinners 6:32
- 10
Helpful Classes
- Introduction 0:51
- Colors 7:15
- Dark mode 8:46
- Flexbox 15:34
- Margin and Padding 9:24
- Opacity 2:57
- Position 5:19
- Sizing 6:40
- Text 11:45
- Visibility 6:03
- 11
Course Conclusion
- Conclusion 1:16
Hi, I'm Tim Corey.
I learned software development the hard way, with lots of dead-ends, confusion, and knowledge gaps. I kept thinking, “It shouldn't be this hard!” Now I teach students how to think and code like professional developers. My goal is to make it easier for you to become a developer.
Frequently asked questions
When does this course start and finish?
How long do I have to access the course?
What if I am unhappy with the course?
This course is part of a Learning Path
Take Bootstrap 5 From Start to Finish on its own, or follow a path that builds around it.