Course “Bootstrap 5: Layout basics”
Course updated on April 24, 2025
Access this and all courses with a subscription
What's included
Description
This course focuses on Bootstrap 5, one of the most popular frameworks for layout designers. Its versatility allows you to create complex layouts quickly. Built-in adaptability and accessibility mechanisms remove a lot of coders' problems. This course explains how Bootstrap works: mesh, adaptivity, and utilities. You'll learn how to create your components using Bootstrap's built-in mechanisms.
You will learn
- Use a 12-column grid mechanism
- Work with text and tables using Bootstrap's features
- Use standard components
- Apply the built-in utilities when creating a template
- Create your components
Syllabus
1 | Introduction Getting to know the Bootstrap framework and exploring the course outline |
2 | Why Bootstrap Learning about the areas of use of Bootstrap and its pros and cons |
3 | Bootstrap installation Learning about the different ways to add Bootstrap to a page and the tools to do so |
4 | Grid Introducing the concept of grids and container types in Bootstrap |
5 | Adaptability Learning about the principles of adaptability in Bootstrap |
6 | Working with texts Exploring options for working with text, RFS, and the default project fonts in Bootstrap |
7 | Tables Learning how to work with tables and table accessibility using Bootstrap's features |
8 | Components Learning about Bootstrap components and how they work |
9 | Creating a custom component Develop a custom quote component using Bootstrap features |
10 | Utilities Learning to work with utilities and create custom utilities using standard Bootstrap 5 tools |
Challenges
1 | Profession section |
Recommended programs
- Run code right in the browser
- Lifetime access
- Learn at your own pace
Access this and all courses with a subscription