Bootstrap 5 Cards Generator
Layout Configuration
Configure how many cards appear per row at different screen sizes
Outline Cards
Add grey borders to cards
XS (Phone):
1 card per row
2 cards per row
3 cards per row
MD (Tablet):
1 card per row
2 cards per row
3 cards per row
4 cards per row
LG (Desktop):
1 card per row
2 cards per row
3 cards per row
4 cards per row
6 cards per row
Update Layout
Add Card
Generate Code
Generated Bootstrap 5 Code
Click to copy the code below:
Copy Code
Live Preview
Add cards to see the preview