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.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Install and set up Bootstrap 5
Explore Bootstrap 5 new features
Apply colors and typography styles
Create and customize buttons
Use Bootstrap 5 utility classes
01. Bootstrap 5 Basics
- Introduction & Setup
- Bootstrap 5 New Features
- Colours & Typography
- Buttons
- Utility Classes
02. Layout & Components
- Containers
- Grid Layout (Part 1)
- Grid Layout (Part 2)
- Navbars
- Cards
- Accordions
- List Groups
- Bootstrap Icons
- Forms
- Tooltips
- Modals
- Offcanvas
- Dropdowns
- Customizing Bootstrap
- Tabs
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Install and set up Bootstrap 5
Explore Bootstrap 5 new features
Apply colors and typography styles
Create and customize buttons
Use Bootstrap 5 utility classes
COURSE OUTLINE
01. Bootstrap 5 Basics
- Introduction & Setup
- Bootstrap 5 New Features
- Colours & Typography
- Buttons
- Utility Classes
02. Layout & Components
- Containers
- Grid Layout (Part 1)
- Grid Layout (Part 2)
- Navbars
- Cards
- Accordions
- List Groups
- Bootstrap Icons
- Forms
- Tooltips
- Modals
- Offcanvas
- Dropdowns
- Customizing Bootstrap
- Tabs
