Bootstrap Bootstrap 2

Question 1

Which Bootstrap utility class makes an element invisible but still occupies space in the layout?

Accepted Answer

invisible

Answer

The `invisible` class hides an element visually while keeping its space in the document flow, unlike `d-none` which removes it from the flow entirely.

Question 2

What is the correct Bootstrap class to create a full-width button that spans its parent container?

Accepted Answer

w-100

Answer

In Bootstrap 5, `btn-block` was removed; use `w-100` (width: 100%) or `d-grid` on a wrapper to achieve full-width buttons.

Question 3

Which Bootstrap component is used to display dismissible alert messages?

Accepted Answer

alert

Answer

Bootstrap's `alert` component with the `alert-dismissible` class and a close button provides dismissible contextual feedback messages.

Question 4

In Bootstrap's flexbox utilities, which class aligns flex items to the end of the cross axis?

Accepted Answer

align-items-end

Answer

`align-items-end` applies `align-items: flex-end` to the flex container, pushing children to the bottom (or right for column direction).

Question 5

What does the Bootstrap class `order-first` do to a flex or grid item?

Accepted Answer

Moves the item to the visual beginning regardless of source order

Answer

`order-first` applies `order: -1`, causing the element to appear before all siblings visually without changing the HTML source order.

Bootstrap Practice Test

Bootstrap Practice Test

Bootstrap Bootstrap 2