Bootstrap Professional Standards & Competencies 4

Question 1

Which Bootstrap spacing utility correctly applies `margin-top: 1rem` on medium and larger screens only?

Accepted Answer

mt-md-3

Answer

Bootstrap responsive spacing utilities follow the pattern `{property}{sides}-{breakpoint}-{size}`, making `mt-md-3` the correct form for responsive margin-top.

Question 2

A Bootstrap navbar collapses on mobile. Which class on the `<button>` ensures screen readers announce its purpose?

Accepted Answer

aria-label='Toggle navigation'

Answer

`aria-label='Toggle navigation'` gives the hamburger button a descriptive label for assistive technology since it contains only an icon.

Question 3

Bootstrap's `row-cols-*` classes are used to control which layout aspect?

Accepted Answer

Number of equal-width columns per row

Answer

`row-cols-N` sets all direct column children to `1/N` width, providing a shorthand for equal-width multi-column layouts.

Question 4

Which Bootstrap 5 approach replaces the deprecated `data-toggle` attribute from Bootstrap 4?

Accepted Answer

data-bs-toggle

Answer

Bootstrap 5 added the `bs-` namespace prefix to all data attributes (e.g., `data-bs-toggle`) to avoid conflicts with other libraries.

Question 5

A professional deploys a Bootstrap site and notices horizontal scrollbar on mobile. The most common cause is which issue?

Accepted Answer

An element wider than the viewport, often a row without a parent container

Answer

Negative row margins expand beyond the viewport if the row isn't inside a Bootstrap container that compensates with matching padding.

Bootstrap Practice Test

Bootstrap Practice Test

Bootstrap Professional Standards & Competencies 4