Card groups and decks in Bootsrap - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a card group in Bootstrap?

A card group is a container that groups multiple cards together with equal width and height, making them appear as a single, connected unit.

intermediate

How does a card deck differ from a card group in Bootstrap?

A card deck arranges cards with equal width and spacing between them, but cards do not share borders. Card decks are responsive and stack vertically on smaller screens.

beginner

Which Bootstrap class creates a card group?

The class .card-group creates a card group container that aligns cards side by side with shared borders.

beginner

What Bootstrap class is used to create a card deck?

The class .card-deck creates a card deck container that spaces cards evenly with margin between them.

beginner

Why should you use card groups or decks instead of placing cards individually?

Using card groups or decks ensures consistent alignment, equal sizing, and better responsive behavior, making your layout look neat and professional.

Which Bootstrap class groups cards with shared borders and equal height?

A .card-container

B .card-deck

C .card-group

D .card-stack

The .card-group class groups cards with shared borders and equal height.

What happens to cards in a card deck on smaller screens?

A They stack vertically

B They stay side by side with no change

C They disappear

D They overlap

Cards in a .card-deck stack vertically on smaller screens for better readability.

Which class would you use to create equal width cards with spacing between them?

A .card-group

B .card-deck

C .card-equal

D .card-spacing

The .card-deck class spaces cards evenly with margin between them.

What is a key visual difference between card groups and card decks?

A Card groups have shared borders; card decks have spacing

B Card decks have shared borders; card groups have spacing

C Both have shared borders

D Both have spacing but no borders

Card groups share borders between cards; card decks have spacing between cards.

Why is using card groups or decks recommended in Bootstrap layouts?

A To add animations

B To disable responsiveness

C To change card colors automatically

D To ensure consistent card sizing and alignment

Card groups and decks help keep cards aligned and sized consistently for a neat layout.

Explain the difference between Bootstrap's card groups and card decks.

Think about how cards look side by side and how they behave on small screens.

Describe why using card groups or decks improves the layout of cards in Bootstrap.

Consider what happens if cards are placed individually without grouping.