Bootstrap Professional Standards & Competencies 2

Question 1

Which Bootstrap utility class enforces a consistent visual hierarchy by limiting text to a single line with an ellipsis?

Accepted Answer

text-truncate

Answer

The `text-truncate` class applies `overflow: hidden`, `text-overflow: ellipsis`, and `white-space: nowrap` to clip overflowing text.

Question 2

A developer uses `col-md-6 col-lg-4` on a card. At the large breakpoint, how many cards fit in a 12-column row?

Accepted Answer

3

Answer

At the `lg` breakpoint each card consumes 4 columns, so 12 ÷ 4 = 3 cards per row.

Question 3

According to Bootstrap's accessibility guidelines, every `<form>` input should be associated with a visible label using which attribute?

Accepted Answer

for

Answer

The `for` attribute on `<label>` links it to the input's `id`, enabling screen readers and click-to-focus behavior.

Question 4

When customizing Bootstrap via Sass, changing `$grid-gutter-width` before importing Bootstrap ensures what?

Accepted Answer

Gutter overrides cascade through all generated utilities

Answer

Bootstrap's `!default` flag means variables set before the import win, so a new `$grid-gutter-width` propagates to all gutter-related utilities and mixins.

Question 5

Which practice best maintains semantic HTML while using Bootstrap's display utilities?

Accepted Answer

Use heading tags with Bootstrap typography classes for styling only

Answer

Keeping semantic heading elements while applying Bootstrap's `.h1`–`.h6` sizing classes preserves document structure for assistive technologies.

Bootstrap Practice Test

Bootstrap Practice Test

Bootstrap Professional Standards & Competencies 2