Bootstrap Technology & Digital Applications 3

Question 1

Which Bootstrap class applies a light gray background to a card's header or footer?

Accepted Answer

bg-light

Answer

`bg-light` applies Bootstrap's light background color utility, commonly used inside card headers and footers for visual distinction.

Question 2

What is the purpose of Bootstrap's `container-fluid` class compared to `container`?

Accepted Answer

It spans the full width of the viewport with no max-width

Answer

`container-fluid` always spans 100% of the viewport width, while `container` has responsive max-width breakpoints.

Question 3

Which Bootstrap utility would you use to visually hide an element while keeping it accessible to screen readers?

Accepted Answer

visually-hidden

Answer

`visually-hidden` (formerly `sr-only`) hides content visually but preserves it in the accessibility tree for screen readers.

Question 4

In a Bootstrap form, which class is required on an `<input>` element to apply Bootstrap's default form styling?

Accepted Answer

form-control

Answer

`form-control` applies Bootstrap's styled borders, padding, focus rings, and width to form inputs, selects, and textareas.

Question 5

What does the Bootstrap class `g-3` control in a grid or flexbox layout?

Accepted Answer

Gap (gutter) spacing between items

Answer

`g-{n}` sets both horizontal and vertical gutters between grid columns and rows using Bootstrap's spacing scale.

Bootstrap Practice Test