Bootstrap is an incredibly popular CSS framework designed to make your website look great on mobile and desktop.
By the end of this course, you'll be familiar with many of the popular classes and components that Bootstrap uses to apply in your own projects.
For each feature you build in the course, you'll get a sense for what the relevant classes do for those components and links to documentation for further exploration.
For the course demo application, we will analyze the landing pages of Microsoft and Apple to identify common components that are implemented. When these are identified, you'll implement these components yourself with Bootstrap.
You'll build several common UI elements such as a nav bar, a carousel of images, Cards, and Forms.
Through building these components, you'll understand what is behind the different classes Bootstrap gives you and get familiar with how it exposes flex and grid layout for you.
Overview
Syllabus
- Course Intro: Professional Responsive Websites using Bootstrap
- Components of Professional Sites
- Project Overview for Create Professional Responsive Websites using Bootstrap
- Breakpoints and the Bootstrap Grid System
- Build a Responsive Navbar in Bootstrap
- Create a Hero Image Landing Page Section with Bootstrap container-fluid
- Apply a Flexbox Layout with Bootstrap to a Group of Icons
- Create Stylish Card Components with Bootstrap
- Use Bootstrap to Build a Rotating Carousel of Images
- Create Forms with Bootstrap
- Create a Simple Footer with Bootstrap
- Course Outro: Professional Responsive Websites using Bootstrap
Taught by
Lucas Minter