Bootstrap Technology & Digital Applications 2

Question 1

Which Bootstrap utility class applies a CSS flexbox display to an element?

Accepted Answer

d-flex

Answer

Bootstrap's `d-flex` utility class sets `display: flex` on an element, enabling flexbox layout.

Question 2

In Bootstrap's responsive grid, what is the maximum number of columns in a single row?

Accepted Answer

12

Answer

Bootstrap's grid system is based on 12 columns, so column class numbers must sum to 12 per row.

Question 3

Which Bootstrap component is best suited for showing a loading state while content is being fetched?

Accepted Answer

Placeholder

Answer

Bootstrap Placeholders (skeleton screens) are specifically designed to represent loading content with animated gray blocks.

Question 4

What does the Bootstrap class `text-truncate` do?

Accepted Answer

Truncates overflowing text with an ellipsis

Answer

`text-truncate` adds `overflow: hidden`, `text-overflow: ellipsis`, and `white-space: nowrap` to cut off long text with `...`.

Question 5

Which Bootstrap breakpoint targets screens 768px and wider?

Accepted Answer

md

Answer

Bootstrap's `md` breakpoint activates at a minimum width of 768px, targeting medium-sized devices like tablets.

Bootstrap Practice Test