I've been using Bootstrap's grid system since version 3. Watched it evolve from a 12-column float-based layout to a proper CSS Grid-powered system in Bootstrap 5. Most tutorials cover the basics — col-md-6, container, row. This one covers the parts developers actually get wrong and the features most people don't know exist.
The Container Options Nobody Explains Properly
Bootstrap 5 has three container types and the difference matters for layout.
.container — fixed max-width at each breakpoint. Your content has a maximum width and centers itself. Most common. Use for general page layouts.
.container-fluid — 100% width at all breakpoints. Full-width layouts. Use for dashboards where you want content to fill the screen.
