Recall & Review
beginner
What does the xs breakpoint represent in Bootstrap?
The xs breakpoint stands for extra small devices, typically phones. It applies to screen widths less than 576px.
Click to reveal answer
beginner
List the Bootstrap breakpoint tiers from smallest to largest.
The Bootstrap breakpoints from smallest to largest are: xs (extra small), sm (small), md (medium), lg (large), xl (extra large), and xxl (extra extra large).
Click to reveal answer
beginner
At what minimum screen width does the md breakpoint apply?
The md breakpoint applies at screen widths of 768px and above.
Click to reveal answer
beginner
Why are breakpoint tiers important in Bootstrap?
Breakpoint tiers help create responsive designs by applying different styles depending on the screen size, ensuring the website looks good on phones, tablets, laptops, and desktops.
Click to reveal answer
beginner
What is the largest Bootstrap breakpoint tier and its minimum width?
The largest breakpoint tier is xxl, which applies at screen widths of 1400px and above.
Click to reveal answer
Which Bootstrap breakpoint applies to screens 992px and wider?
✗ Incorrect
The lg breakpoint applies at 992px and above.
What is the minimum width for the sm breakpoint in Bootstrap?
✗ Incorrect
The sm breakpoint starts at 576px.
Which breakpoint tier is used for extra small devices like phones?
✗ Incorrect
xs is for extra small devices such as phones.
At what width does the xl breakpoint start?
✗ Incorrect
The xl breakpoint starts at 1200px.
Which breakpoint tier is the largest in Bootstrap?
✗ Incorrect
xxl is the largest breakpoint tier, starting at 1400px.
Explain the purpose of Bootstrap breakpoint tiers and how they help in responsive design.
Think about how websites change layout on phones vs desktops.
You got /4 concepts.
List all Bootstrap breakpoint tiers and their minimum widths.
Remember the order from smallest to largest.
You got /6 concepts.