Bootstrap Technology & Digital Applications 5

Question 1

How do you customize Bootstrap's default theme colors using Sass?

Accepted Answer

Override variables in a custom .scss file before importing Bootstrap's source

Answer

Bootstrap Sass variables use `!default`, so setting your own values before `@import 'bootstrap'` overrides the defaults.

Question 2

Which Bootstrap class enables dark mode styling introduced in Bootstrap 5.3?

Accepted Answer

data-bs-theme='dark'

Answer

Bootstrap 5.3 added a built-in color mode system where `data-bs-theme='dark'` on the `<html>` tag activates dark mode CSS variables.

Question 3

In Bootstrap's accordion component, what class on the parent wrapper ensures only one panel stays open at a time?

Accepted Answer

No additional class — use `data-bs-parent` on each button pointing to the parent ID

Answer

Setting `data-bs-parent='#accordionId'` on each collapse trigger tells Bootstrap to close sibling panels when one opens.

Question 4

What Bootstrap class removes the default list styling (bullets and padding) from a `<ul>` element?

Accepted Answer

list-unstyled

Answer

`list-unstyled` removes `list-style`, `margin`, and `padding-left` from `

` elements.

Question 5

Which Bootstrap class on a `<nav>` element creates a breadcrumb navigation component?

Accepted Answer

breadcrumb

Answer

The `breadcrumb` class on an `

Bootstrap Practice Test