Recall & Review
beginner
What class does Bootstrap provide to style a basic table?Bootstrap uses the <code>table</code> class to add basic styling to HTML tables, making them clean and readable.Click to reveal answer
beginner
How do you add striped rows to a Bootstrap table?
Add the <code>table-striped</code> class along with <code>table</code> to create alternating row colors for better readability.Click to reveal answer
beginner
What Bootstrap class makes a table have borders around all cells?Use the <code>table-bordered</code> class to add borders around every cell in the table.Click to reveal answer
beginner
How can you make a Bootstrap table rows highlight on hover?
Add the <code>table-hover</code> class to the table to highlight rows when the mouse pointer moves over them.Click to reveal answer
beginner
What class makes a Bootstrap table more compact with less padding?Use the <code>table-sm</code> class to reduce cell padding and make the table more compact.Click to reveal answer
Which class adds basic Bootstrap styling to a table?
✗ Incorrect
The
table class is the core Bootstrap class for styling tables.How do you add alternating row colors in Bootstrap tables?
✗ Incorrect
The
table-striped class adds alternating background colors to rows.Which class adds borders around all table cells?
✗ Incorrect
The
table-bordered class adds borders around each cell.What class highlights rows on mouse hover?
✗ Incorrect
The
table-hover class highlights rows when hovered.Which class makes a Bootstrap table more compact?
✗ Incorrect
The
table-sm class reduces padding for a compact table.Explain how to create a Bootstrap table with striped rows, borders, and hover effect.
Think about combining multiple Bootstrap table classes.
You got /4 concepts.
Describe the purpose of the
table-sm class in Bootstrap tables.It affects the size and spacing inside table cells.
You got /3 concepts.