Discover Bootstrap 5 breakpoints and how breakpoints control when your layout adapts at different viewport sizes. Use media queries to build responsive layouts with containers, grid columns, and gutters.

Explore bootstrap's responsive grid system built with flexbox, using containers, rows, and 12-column columns to create fluid layouts; learn container versus container-fluid, column spans, and color utilities.

Learn how to build bootstrap layouts using containers, rows, and columns, create multi-column rows, apply width spans and offsets, and use vertical and horizontal alignment, standalone columns, and image-wrapped content.

Learn to display an image with a caption using the figure and figcaption tags, make the image responsive, and align captions with text alignment classes.

Learn Bootstrap 5 border utilities to add borders to images and elements, customize border colors, widths, and radii, and apply borders selectively with top, bottom, start, end, or zero options.

Explore Bootstrap 5 lists, from creating a basic list to using list-unstyled to remove bullets, and understand nested lists and inline lists with list-inline and list-inline-item.

Learn to apply Bootstrap background and text colors, gradients, and opacity, then explore inline and block display utilities to structure content with padding and margins.

Learn to build well-formatted Bootstrap 5 forms using form controls, labels, and inputs, with responsive sizes, disabled and read-only states, file inputs, color pickers, data lists, and selects.

Learn to build bootstrap 5 forms with checkboxes, radios, switches, and range, including inline variants and default checked or disabled states.

Explore floating labels in Bootstrap 5 forms, where labels rise when you focus inputs. See full-width and two-column layouts with inputs, text areas, passwords, and selects.

Explore the bootstrap accordion component with collapsible items, headers, and a toggle. See how data-parent enforces a single open item, and how removing it allows multiple items to stay open.

Explore bootstrap badges for indicators and counts on headings and buttons, with color and size variants, and positioning using relative and absolute layouts, top, start, translate-middle, pill or circle shapes.

Explore building a responsive navbar in Bootstrap 5 from scratch, including brand and nav items, active links, dropdowns, dividers, a search form, and off-canvas variants with breakpoints.

Learn to implement Bootstrap 5 popovers using a script, with four buttons showing popovers on top, right, bottom, and left, including dismissible and visible variations, plus disabled and focus/hover triggers.

Set up a bootstrap 5 project by selecting a code editor, creating a tutor folder with index.html, and using emmet and live server plugins for live previews.

Create a responsive about us section in bootstrap 5 from scratch, using a two-column layout with text and an image, applying bootstrap classes for alignment, typography, and icons.

Build a responsive why choose us section in Bootstrap 5 using a grid of cards. Include images, titles, and text with Bootstrap utilities for color, spacing, alignment, and centering.

Create the about, courses, and trainer pages for a Bootstrap 5 project by copying boilerplate and sections, updating titles, and assembling navigation and footer across pages.