The Grid System

Bootstrap 5 is built with a 12 column grid system.

Equal Columns

Bootstrap 5 will size columns to the correct width. When viewed on a smaller devices the columns will automatically stack.


1
2
3
4
5

5 Size Tiers

The tier-sizes start at a minimum viewport size, and scale accordingly.


Small
Small
Small
Medium
Medium
Medium
Large
Large
Large
Extra-Large
Extra-Large
Extra-Large
Extra-Extra-Large
Extra-Extra-Large
Extra-Extra-Large