Bootstrap Grid System & Responsive Layout 2

Question 1

In Bootstrap 5, which column class applies to ALL screen sizes including extra-small (xs)?

Accepted Answer

.col-*

Answer

Bootstrap 5 dropped the explicit 'xs' prefix; .col-* (no breakpoint infix) applies from the smallest screen size upward.

Question 2

What is the minimum viewport width for Bootstrap 5's 'xl' breakpoint?

Accepted Answer

1200px

Answer

Bootstrap 5's xl breakpoint activates at 1200px and above, sitting between lg (992px) and the new xxl (1400px) breakpoint.

Question 3

Which Bootstrap 5 class removes all gutters from a row, eliminating horizontal padding on columns?

Accepted Answer

.row .g-0

Answer

Bootstrap 5 replaced the old .no-gutters class with .g-0, which sets gutter width to 0 using the new gutter utility system.

Question 4

How many columns does .col-lg-4 span in Bootstrap's 12-column grid?

Accepted Answer

4

Answer

.col-lg-4 spans exactly 4 out of 12 columns on large (≥992px) screens and wider, occupying one-third of the row width.

Question 5

What happens when multiple .col elements (without a number) are placed in the same Bootstrap row?

Accepted Answer

They share the available space equally

Answer

.col without a number creates equal-width columns that automatically divide the row's available width equally among all sibling .col elements.

Bootstrap Practice Test