Bootstrap Grid System & Responsive Layout

Question 1

In Bootstrap's default grid system, how many columns does the layout divide into?

Accepted Answer

12

Answer

10

Answer

16

Answer

24

Question 2

Which Bootstrap class creates a full-width container that spans the entire viewport width at all breakpoints?

Accepted Answer

.container-fluid

Answer

.container

Answer

.container-lg

Answer

.container-full

Question 3

What is the minimum viewport width for Bootstrap 5's 'md' (medium) breakpoint?

Accepted Answer

768px

Answer

576px

Answer

992px

Answer

1200px

Question 4

Which class creates a column spanning half the grid width on medium screens and larger?

Accepted Answer

.col-md-6

Answer

.col-sm-6

Answer

.col-6

Answer

.col-lg-6

Question 5

What element must directly wrap Bootstrap grid columns to ensure correct alignment and padding?

Accepted Answer

.row

Answer

.container

Answer

.wrapper

Answer

.grid

Question 6

In Bootstrap 5, which class makes a column automatically size to fit its content's natural width?

Accepted Answer

.col-auto

Answer

.col-fit

Answer

.col-content

Answer

.col-shrink

Question 7

How would you offset a Bootstrap 5 column by 3 columns to the right?

Accepted Answer

.offset-3

Answer

.col-offset-3

Answer

.push-3

Answer

.margin-left-3