Bootstrap 5 Grid Cards (original) (raw)

Last Updated : 6 Aug, 2024

**Bootstrap 5 Grid Cards is a way to have a grid of cards put beside one another and they completely act like a grid. It is created by using the **row-cols and **col classes and the **row-col classes are responsive, so we can specify how many cards will be there in a row in any specified screen size.

**Bootstrap 5 Grid cards Classes:

• **row-cols-[sm/md/lg/xl]-[0-9]: This class is used to specify the row of the card grid. In this class, the screen size is optional but the number is compulsory.

**Syntax:

`

**Output:

**Reference: https://getbootstrap.com/docs/5.0/components/card/#grid-cards