Bootstrap 5: Layout basics

Included in the course

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.

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, components and utilities. At the end of the course, you'll learn how to create your own component using Bootstrap's built-in mechanisms.

Course program

• 1

  Introduction

  Get to know the Bootstrap framework and explore the course outline

  theory
• 2

  Why Bootstrap

  Learn about the pros and cons of Bootstrap. To see where Bootstrap is used and what it can be used for

  theory
• 3

  Bootstrap installation

  Learn how to connect Bootstrap to a page. Learn about the different ways to connect and the tools to do so.

  theory
• 4

  Grid

  Learn the concept of grids in Bootstrap. Learn the types of containers.

  theory
• 5

  Adaptability

  Learn about the principles of adaptability in Bootstrap. Learn how to adapt the grid.

  theory
• 6

  Working with text

  Explore options when working with text in Bootstrap. Learn about RFS and modifying standard project fonts.

  theory
• 7

  Tables

  Learn how to work with tables using Bootstrap's features. Learn about table accessibility

  theory
• 8

  Components

  Learn about Bootstrap components and how they work.

  theory
• 9

  Creating a custom component

  Develop a custom quote component using Bootstrap features.

  theory
• 10

  Utilities

  Learn about utilities. Learn to create custom utilities using standard Bootstrap 5 tools

  theory
• 11

  Additional resources

  Some materials the Hexlet team have picked up. This will give you a more in-depth understanding of the topic