Development

Customizing Bootstrap 5

Intermediate
2h

By: Shaun Pelling

Customizing Bootstrap 5

Overview

This course explores the customization of Bootstrap 5, the latest iteration of the most popular CSS framework for developing responsive and mobile-first websites. It emphasizes how Bootstrap 5 has been improved with a new API, enhanced grid system, and utility classes that enable more fine-grained control over layouts and designs. The course guides participants through the process of tailoring Bootstrap’s pre-built components and layout utilities to meet specific design requirements without sacrificing the mobile-first philosophy. Learners are taught how to modify the Sass variables, utilize the custom CSS classes, and leverage Bootstrap's extensive theming capabilities to create a unique look and feel while maintaining accessibility and responsiveness. The course also discusses the use of Bootstrap's JavaScript plugins to extend functionality and enhance user interactivity. By the end, participants understand how to make Bootstrap 5 fit any design aesthetic while keeping the robustness and simplicity of the framework intact.

Modules

1. Customizing Bootstrap

1.1 Introduction6 min
1.2 HTML Template10 min
1.3 Bootstrap SASS & Compiling SASS8 min
1.4 Global Options8 min
1.5 Theme Color Variables6 min
1.6 Import Order5 min
1.7 Theme Colors & Maps9 min
1.8 Bootstrap Color Palette10 min
1.9 Font & Headings9 min
1.10 Links5 min
1.11 Breakpoints & Grid7 min
1.12 Spacer & Border Utilities6 min
1.13 Utility API (Part 1)11 min
1.14 Utility API (Part 2)6 min
1.15 Custom Component6 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