# Mobile-First Layouts with Bootstrap

Build pages that work on a phone first, then widen. Bootstrap's row-cols classes, cards, a collapsing navbar and pagination turn a Razor loop into a responsive product grid.

![Cheat sheet: Mobile-First Layouts with Bootstrap](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/11/f1e59e00bb08496e9d4172efdc87440a.webp)

- Category: CSS
- Level: Journeyman
- Tags: aspnet-core, CSS, Mobile-first design, OFFSET Clause, Pagination
- Updated: November 3, 2026

Source: https://www.ask-codey.com/cheat-sheets/partial-views-in-mvc-mobile-first-layouts-with-bootstrap-cheat-sheet