# Bootstrap 5

Bootstrap is a ready-made set of CSS and components that makes good-looking, responsive pages quick to build. You will use its grid, its components, and its utility classes.

Updated: November 3, 2026

## [Bootstrap](https://www.ask-codey.com/courses/csharp-full-stack-bootcamp/topics/bootstrap)

1. [What is Bootstrap?](https://www.ask-codey.com/lessons/bootstrap-what-is-bootstrap) (Novice): Bootstrap is a free CSS framework of ready-made styles and components; add it to a page with two lines from a CDN and start using its classes.
2. [The Grid System](https://www.ask-codey.com/lessons/bootstrap-the-grid-system) (Apprentice): Lay out a page in Bootstrap's 12-column grid of containers, rows and columns, and make the layout change at each screen size with breakpoints.
3. [Components](https://www.ask-codey.com/lessons/bootstrap-components) (Apprentice): Build a page from Bootstrap's ready-made components (buttons, navbars, cards, tables, forms, alerts and carousels) by copying their HTML and changing the content.
4. [Utility Classes](https://www.ask-codey.com/lessons/bootstrap-utility-classes) (Apprentice): Adjust spacing, color, text, borders and flex layout with Bootstrap's small, single-purpose utility classes, without writing CSS.

## [Exercise: Bootstrap](https://www.ask-codey.com/courses/csharp-full-stack-bootcamp/topics/exercise-bootstrap)

1. [Exercise: Bootstrap](https://www.ask-codey.com/lessons/exercise-bootstrap) (Apprentice): Build a four-page bookstore with Bootstrap 5, with a navbar, a carousel, a table of books with a paging button group, and two forms, and check it at every screen size.

Source: https://www.ask-codey.com/courses/csharp-full-stack-bootcamp/chapters/bootstrap-5