WebsiteLesson 296Free preview

Make a Website (BS5)

This lesson is part of How To · All levels

Summary

Bootstrap 5 is the latest version that completely abandoned jQuery and used modern JavaScript. The interactive component is controlled through the data-bs-* attribute so it's easier to install in HTML. The grid system, utilities, and components remain responsive, with support for flexbox and wider CSS custom properties.

Key points

Bootstrap 5 does not require jQuery
The data-bs-toggle and data-bs-target attributes control the components
The grid is fixed 12 columns with breakpoints sm, md, lg, xl, and xxl
Container-fluid makes the container screen wide
CSS and JS files can be uploaded from a CDN without installation

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.