Development

Bootstrap 5 Crash Course

Intermediate
3h

By: Shaun Pelling

Bootstrap 5 Crash Course

Overview

This course is centered on Bootstrap 5, the latest major release of the world's most popular front-end open-source toolkit. It introduces the responsive grid system, utility classes, and components that enable developers to build quickly and design responsive websites. The course examines Bootstrap 5's departure from jQuery in favor of vanilla JavaScript, its enhanced CSS custom properties, and the introduction of new components and utilities. Participants learn how to utilize the Bootstrap 5 framework to create effective layouts, customize components to their requirements, and ensure their websites are accessible and compatible with all devices. The course includes practical exercises in applying Bootstrap 5 to various web development projects, ensuring learners can construct professional-looking interfaces with ease.

Modules

1. Bootstrap 5 Basics

1.1 Introduction & Setup6 min
1.2 Bootstrap 5 New Features3 min
1.3 Colours & Typography10 min
1.4 Buttons7 min
1.5 Utility Classes12 min

2. Layout & Components

2.1 Containers6 min
2.2 Grid Layout (Part 1)12 min
2.3 Grid Layout (Part 2)8 min
2.4 Navbars13 min
2.5 Cards12 min
2.6 Accordions12 min
2.7 List Groups5 min
2.8 Bootstrap Icons5 min
2.9 Forms14 min
2.10 Tooltips6 min
2.11 Modals8 min
2.12 Offcanvas6 min
2.13 Dropdowns4 min
2.14 Customizing Bootstrap16 min
2.15 Tabs6 min

Ready to Elevate Your Team's Learning?

Talk with our sales team to see how StormWind can transform the way your organization trains and grows.

CONTACT SALES