Bootstrap

Grid Classes

The Bootstrap 5 grid system has six classes:

• .col- (extra small devices - screen width less than 576px)

• .col-sm- (small devices - screen width equal to or greater than 576px)

• .col-md- (medium devices - screen width equal to or greater than 768px)

• .col-lg- (large devices - screen width equal to or greater than 992px)

• .col-xl- (xlarge devices - screen width equal to or greater than 1200px)

• .col-xxl- (xxlarge devices - screen width equal to or greater than 1400px)

The classes above can be combined to create more dynamic and flexible layouts.

Tip: Each class scales up, so if you want to set the same widths for sm and md, you only need to specify sm.