Bootstrap 5: Layout basics
Course updated 27 February 2023
Included in the course
10 lessons (video or text)
Assistance in Discussions on the website
Access to other courses of the our platform
What you'll 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 own components.
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, components and utilities. At the end of the course, you'll learn how to create your own component using Bootstrap's built-in mechanisms.
IntroductionGet to know the Bootstrap framework and explore the course outline
Why BootstrapLearn about the pros and cons of Bootstrap. To see where Bootstrap is used and what it can be used for
Bootstrap installationLearn how to connect Bootstrap to a page. Learn about the different ways to connect and the tools to do so.
AdaptabilityLearn about the principles of adaptability in Bootstrap. Learn how to adapt the grid.
Working with textExplore options when working with text in Bootstrap. Learn about RFS and modifying standard project fonts.
ComponentsLearn about Bootstrap components and how they work.
Creating a custom componentDevelop a custom quote component using Bootstrap features.
Additional resourcesSome materials the Hexlet team have picked up. This will give you a more in-depth understanding of the topic
Suggested learning programs
ProfessionUnder development beginner
Layout with the latest CSS standards
start anytime 5 months