Core Code
Core Code Modern Dev Handbook

BS5 HOME

Learn Bootstrap 5 step by step. Build responsive, mobile-first layouts and modern UI components quickly using the world’s most popular CSS framework.
On this page

What is Bootstrap 5?

Bootstrap 5 is a mobile-first CSS framework that helps you build responsive websites quickly. It provides ready-made layout systems, components, and utility classes.

Why use Bootstrap?

  • Responsive grid system
  • Pre-built UI components
  • Utility-first helpers
  • Consistent design system
  • Cross-browser compatibility

What you will learn

  • How the grid system works
  • How to build layouts using containers and rows
  • How to use components like navbar, cards, and modals
  • How to customize using utilities

Bootstrap 5 vs Bootstrap 4

  • No jQuery dependency
  • Improved utilities
  • New Offcanvas component
  • Better form controls

How this tutorial is structured

We start with layout fundamentals, then move into components, forms, utilities, and finally quick reference material.

Prerequisites

  • Basic HTML knowledge
  • Basic CSS understanding

BS5 HOME Examples (8)

example Bootstrap Basic Page open in new tab example Bootstrap Container Layout open in new tab example Bootstrap Buttons open in new tab example Bootstrap Alerts open in new tab example Bootstrap Two Column Grid open in new tab example Bootstrap Card open in new tab example Bootstrap Simple Navbar open in new tab example Bootstrap Spacing Utilities open in new tab
BS5 Get Started →