Bootstrap MCQs – Bootstrap JavaScript Components

21.) How do you initialize an offcanvas component in JavaScript?

A) showOffcanvas()
B) toggleOffcanvas()
C) new bootstrap.Offcanvas()
D) offcanvas.init()

Answer: Option C

Explanation: This initializes an Offcanvas component in Bootstrap.

22.) Which Bootstrap method manually hides a dropdown?

A) dropdown.hide()
B) dropdown.close()
C) hide.bs.dropdown
D) dropdown.dismiss()

Answer: Option A

Explanation: This method hides the dropdown menu using JavaScript.

23.) What attribute prevents a modal from closing when clicking outside?

A) prevent-close
B) data-bs-sticky=”true”
C) data-bs-modal=”lock”
D) data-bs-backdrop=”static”

Answer: Option D

Explanation: This keeps the modal open even when clicking outside.

24.) Which Bootstrap JavaScript component provides tabbed navigation?

A) Accordion
B) ScrollSpy
C) Tabs
D) Carousel

Answer: Option C

Explanation: The Tabs component allows navigation between different sections.

25.) What attribute is required to enable Bootstrap tabs?

A) enable-tabs
B) data-bs-tabs=”true”
C) tab-activate
D) data-bs-toggle=”tab”

Answer: Option D

Explanation: This activates Bootstrap tabs on click.

26.) How do you disable animations in Bootstrap modals?

A) Add data-bs-animation=”false”
B) Remove fade class
C) Use disable-animation
D) data-bs-modal=”static”

Answer: Option B

Explanation: Removing fade disables modal animations.

27.) What Bootstrap component provides dynamic sidebar functionality?

A) Offcanvas
B) Popover
C) Alert
D) Dropdown

Answer: Option A

Explanation: The Offcanvas component creates sidebars that slide in/out.

28.) Which method manually shows a tooltip?

A) tooltip.init()
B) enableTooltip()
C) showTooltip()
D) tooltip.show()

Answer: Option D

Explanation: This method manually displays a tooltip.

Leave a Reply

Your email address will not be published. Required fields are marked *