Bootstrap’s grid system lets you build layouts that adapt to different screen sizes using containers, rows, and columns. Breakpoints define when your layout changes (xs, sm, md, lg, xl, xxl).
Official docs: Bootstrap Breakpoints Docs
Resize the preview below to see how columns stack and shift with different screen sizes:
col-{breakpoint}-{number}
classes to define column widths for different screen sizes. Columns stack vertically by default on smaller screens.