Recall & Review
beginner
What is a card in Bootstrap?
A card in Bootstrap is a flexible container that groups related content and actions in a clean, organized box with padding and borders.
Click to reveal answer
beginner
Why do cards help organize content on a webpage?
Cards separate content into distinct sections, making it easier to read and understand by visually grouping related information.
Click to reveal answer
beginner
How do cards improve user experience?
Cards create clear visual blocks that guide the user's eye, helping them find information quickly and interact with content easily.
Click to reveal answer
beginner
Name two common elements inside a Bootstrap card.
Common elements include a card header (title) and card body (main content). Cards can also have footers, images, and buttons.
Click to reveal answer
intermediate
How do cards support responsive design?
Cards adapt well to different screen sizes by stacking or resizing, keeping content organized on phones, tablets, and desktops.
Click to reveal answer
What is the main purpose of using cards in Bootstrap?
✗ Incorrect
Cards group related content visually, making it easier to read and interact with.
Which Bootstrap class is used to create a card container?
✗ Incorrect
The .card class creates a card container in Bootstrap.
How do cards help users on mobile devices?
✗ Incorrect
Cards stack content neatly, making it easy to read on small screens.
Which of these is NOT typically part of a Bootstrap card?
✗ Incorrect
Bootstrap cards do not have a 'card sidebar' by default.
Why is padding important inside cards?
✗ Incorrect
Padding creates space inside the card, making content easier to read.
Explain how Bootstrap cards help organize content on a webpage.
Think about how cards separate information into boxes.
You got /4 concepts.
Describe the main parts of a Bootstrap card and their roles.
Consider what you see inside a card on a website.
You got /4 concepts.