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:
Ok, I Got it!
`
**Output:
**Reference: https://getbootstrap.com/docs/5.0/components/card/#grid-cards