Auto Layout Columns

In Bootstrap 5, there is an easy way to create equal width columns: just use the .col-size class on a specified number of col elements. Bootstrap will recognize how many columns there are, and each column will get the same width.

Two columns: 50% width on all screens, except for extra small (100% width on screens less than 576px wide)

1 of 2
2 of 2

Four columns: 25% width on all screens, except for extra small (100% width on screens less than 576px wide)

1 of 4
2 of 4
3 of 4
4 of 4