Bootstrap MCQs with answers Page - 20

A

Admin • 833.24K Points
Coach

Q. Which of the following fades the model in and out?

• (A) .modal-sm
• (B) .modal-content
• (C) .moal-lg
• (D) .fade

Show Answer Discuss Share

Correct answer - Option (D)

Explanation:

.fade adds an animation or transition effect which fades modal in and out, .modal-sm specifies a small modal, .modal-lg specifies a large modal, .modal-content style modal properly with border, background-color etc.

A

Admin • 833.24K Points
Coach

Q. Which event occurs when collapsible element is fully shown?

• (A) shown.bs.collapse
• (B) show.bs.collapse
• (C) hide.bs.collapse
• (D) hidden.bs.collapse

Show Answer Discuss Share

Correct answer - Option (A)

Explanation:

shown.bs.collapse occurs when collapsible element is fully shown after CSS transitions have completed, show..bs.collapse occurs when collapsible element is about to be shown.

A

Admin • 833.24K Points
Coach

Q. What activates the collapsible element with an option?

• (A) .collapse(“”toggle)
• (B) .collapse(“hide”)
• (C) .collapse(“show”)
• (D) .collapse(“options”)

Show Answer Discuss Share

Correct answer - Option (D)

Explanation:

.collapse(“options”) activates collapsible element with an option, .collapse(“toggle”) toggles collapsible element, .collapse(“show”) shows collapsible element, .collapse(“hide”) hides collapsible element.

A

Admin • 833.24K Points
Coach

Q. The default value for an interval is ___

• (A) 5000
• (B) 4000
• (C) 2390
• (D) 1000

Show Answer Discuss Share

Correct answer - Option (A)

Explanation:

interval specifies the delay in milliseconds between each slide, we can set the interval to false to stop items from automatically sliding, its default value is 5000. The set value should be number or Boolean false.

A

Admin • 833.24K Points
Coach

Q. What adds slides to carousel?

• (A) .item
• (B) .carousel-inner
• (C) .carousel
• (D) .carousel-inner

Show Answer Discuss Share

Correct answer - Option (D)

Explanation:

.carousel-inner adds slides to the carousel, .item specifies the content of each slide, .carousel-indicators adds indicators for the carousel, these are little dots at bottom of each slide which indicates how many slides are there in the carousel and the slide which the user is currently viewing.

A

Admin • 833.24K Points
Coach

Q. What changes button text to the original text?

• (A) .button(“string”)
• (B) .button(“reset”)
• (C) .button(“toggle”)
• (D) .button(“loading”)

Show Answer Discuss Share

Correct answer - Option (B)

Explanation:

.button(“reset”) changes button text to original text if changed, .button(“toggle”) makes button look pressed, .button(“loading”) disables the button and changes the button text to “loading…”

A

Admin • 833.24K Points
Coach

Q. Which of the following makes the button appear pressed?

• (A) .disabled
• (B) .active
• (C) .btn-block
• (D) .btn-link

Show Answer Discuss Share

Correct answer - Option (B)

Explanation:

.active makes the button appear pressed, .disabled makes button disabled, .btn-link makes the button look like a link, .btn-block makes a block-level button, spans the full width of the parent element.

A

Admin • 833.24K Points
Coach

Q. What indicates a closable alert box?

• (A) .alert-success
• (B) .alert-link
• (C) .alert-danger
• (D) .alert-dismissible

Show Answer Discuss Share

Correct answer - Option (D)

Explanation:

.alert-dismissible indicates a closable alert box, together with .close class, this class is used to close the alert, adds extra padding, .alert-danger creates the red alert, indicates dangerous or potentially negative action.

A

Admin • 833.24K Points
Coach

Q. Which of the following occurs after fixed positioned is added to the element?

• (A) affix-top.bs.affix
• (B) affixed-top.bs.affix
• (C) affixed.bs.affix
• (D) affix.bs.affix

Show Answer Discuss Share

Correct answer - Option (C)

Explanation:

affixed.bs.affix occurs after fixed positioning is added to the element e.g. after .affix-top class is replaced with .affix class, affix-bs.affix occurs before fixed positioning is added to the element e.g. when .affix-top class is to be replaced with .affix class.

A

Admin • 833.24K Points
Coach

Q. Which of the following allows an element to lock to an area on the page?

• (A) popover
• (B) tooltip
• (C) affix
• (D) alert

Show Answer Discuss Share

Correct answer - Option (C)

Explanation:

The affix plugin allows an element to become affixed (locked) to an area on the page. It is often used with navigation menus or social icon buttons, to make them “stick” to the specific area while scrolling up and down the page.

• Previous
• First
• 20
• 21
• 22
• 23
• 24

• ....

• Last
• Next

Jump to Go