Recall & Review
beginner
What does 'Mixing column widths' mean in Bootstrap?
It means using different column sizes together in the same row to create flexible layouts. For example, combining a wide column with a narrow column.
Click to reveal answer
beginner
How do you specify a column width in Bootstrap?
You add a class like <code>col-4</code> to a <code><div></code> inside a row. The number (4) means the column takes 4 parts out of 12 total parts in the row.Click to reveal answer
intermediate
What happens if the total column widths in a row exceed 12?
Bootstrap will wrap extra columns to a new line because 12 is the maximum width per row.
Click to reveal answer
intermediate
Can you mix fixed-width columns with auto-width columns in Bootstrap?
Yes. You can use classes like
col-6 for fixed width and col for auto width in the same row.Click to reveal answer
beginner
Why is mixing column widths useful in web design?
It helps create balanced and responsive layouts that adjust well on different screen sizes, making content easier to read and visually appealing.
Click to reveal answer
In Bootstrap, what does
col-3 mean?✗ Incorrect
col-3 means the column uses 3 parts of the 12-part grid system width.
What happens if you add
col-8 and col-5 in the same row?✗ Incorrect
Because 8 + 5 = 13, which is more than 12, the second column moves to a new line.
Which class creates an auto-width column in Bootstrap?
✗ Incorrect
col creates a flexible column that adjusts width automatically.
Why mix different column widths in a Bootstrap row?
✗ Incorrect
Mixing widths helps design layouts that look good on all screen sizes.
What is the maximum total column width in a Bootstrap row?
✗ Incorrect
The Bootstrap grid system divides rows into 12 parts total.
Explain how mixing column widths works in Bootstrap and why it is useful.
Think about how columns share space in a row.
You got /4 concepts.
Describe what happens if column widths in a Bootstrap row add up to more than 12.
Consider the grid's 12-part rule.
You got /3 concepts.