Bootstrap MCQs - Bootstrap Components

21.) What attribute is used to toggle a Bootstrap modal?

A) modal=”toggle”

B) data-bs-toggle=”modal”

C) toggle=”true”

D) data-show=”modal”

Answer: Option B

Explanation: This attribute allows modals to be triggered via buttons or links.

22.) How can you make a Bootstrap button disabled?

A) Use .btn-disabled

B) Add disabled attribute

C) Use .disable-btn

D) Use .btn-off

Answer: Option B

Explanation: The disabled attribute prevents user interactions with buttons.

23.) What Bootstrap class is used to align text inside a card?

A) .card-text

B) .text-align

C) .text-card

D) .align-text

Answer: Option A

Explanation: .card-text helps style and align text inside a Bootstrap card.

24.) How do you create a Bootstrap breadcrumb navigation?

A) .bread-nav

B) .nav-breadcrumb

C) .breadcrumb

D) .nav-path

Answer: Option C

Explanation: The .breadcrumb class styles hierarchical navigation links.

25.) Which class is used to add shadows to Bootstrap components?

A) .shadow-sm, .shadow-lg, .shadow-none

B) .box-shadow

C) .shadow-effect

D) .component-shadow

Answer: Option A

Explanation: Bootstrap offers predefined shadow classes for UI styling.

Pages: 1 2 3

Bootstrap MCQs – Bootstrap Components