Bootstrap MCQs with answers Page - 25

Dear candidates you will find MCQ questions of Bootstrap here. Learn these questions and prepare yourself for coming examinations and interviews. You can check the right answer of any question by clicking on any option or by clicking view answer button.
Share your questions by clicking Add Question

Q. Which class is a container for progress bars?

  • (A) .progress-bar-info
  • (B) .progress
  • (C) .progress-bar-success
  • (D) .progress-bar
💬 Discuss
✅ Correct Answer: (B) .progress
Explanation: .progress class is a container for progress bars, .progress-bar creates a progress bar, .progress-bar-success creates a green progress bar and indicates success, .progress-bar-info shows light-blue progress bar indicating information.

Published by Jitendra Singh ⭐ 7.50K Points at 12-Oct-2022 09:19 am in Bootstrap

Q. Which of the following creates yellow progress bar?

  • (A) .progress-bar-info
  • (B) .progress-bar-danger
  • (C) .progress-bar-warning
  • (D) .progress-bar-success
💬 Discuss
✅ Correct Answer: (C) .progress-bar-warning
Explanation: .progress-bar-warning will create a yellow progress bar indicating warning,
.progress-bar-success will show green progress bar indicating success,
.progress-bar-danger will show red progress bar indicating danger,
.progress-bar-info will show light-blue progress bar indicating information.

Published by Jitendra Singh ⭐ 7.50K Points at 12-Oct-2022 09:19 am in Bootstrap

Q. What clears floats?

  • (A) .checkbox
  • (B) .close
  • (C) .col-*-*
  • (D) .clearfix
💬 Discuss
✅ Correct Answer: (D) .clearfix
Explanation: .clearfix clears floats, .close indicates a close icon, .checkbox ia a container for checkboxes, .col-*-* is a responsive grid (span 1-12 column), extra small devices phones (<786px), tablets (>=786px), medium devices desktops (>=992px), large devices desktops (>=1200px).

Published by Nitin Gupta ⭐ 1.72K Points at 22-Oct-2022 08:01 pm in Bootstrap

Q. Which is a container for slide items?

  • (A) .carousel-caption
  • (B) .carousel-inner
  • (C) .carousel-control
  • (D) .caousel-indicators
💬 Discuss
✅ Correct Answer: (B) .carousel-inner
Explanation: .carousel-inner is a container for slide items, .carousel-caption creates a caption text for each slide in the carousel, .carousel-control is container for next and previous links, .carousel-indicators adds little dots at the bottom of each slide.

Published by Nitin Gupta ⭐ 1.72K Points at 22-Oct-2022 08:01 pm in Bootstrap

Q. What creates a carat arrow icon?

  • (A) .caption
  • (B) .carousel-caption
  • (C) .carousel
  • (D) .caret
💬 Discuss
✅ Correct Answer: (D) .caret

Published by Nitin Gupta ⭐ 1.72K Points at 22-Oct-2022 08:02 pm in Bootstrap

Q. Which of the following makes a button group appear vertically?

  • (A) .btn-group-sm
  • (B) .btn-info
  • (C) .btn-group-vertical
  • (D) .btn-group-xs
💬 Discuss
✅ Correct Answer: (C) .btn-group-vertical

Published by Nitin Gupta ⭐ 1.72K Points at 22-Oct-2022 08:02 pm in Bootstrap

Q. Which of the following groups button together on a single line?

  • (A) .btn-default
  • (B) .btn-group
  • (C) .btn-group-lg
  • (D) .btn-group-justified
💬 Discuss
✅ Correct Answer: (B) .btn-group

Published by Nitin Gupta ⭐ 1.72K Points at 22-Oct-2022 08:02 pm in Bootstrap

Q. Which class adds a rounded border around an element?

  • (A) .divider
  • (B) .well
  • (C) .well-lg
  • (D) .well-sm
💬 Discuss
✅ Correct Answer: (B) .well

Published by Nitin Gupta ⭐ 1.72K Points at 22-Oct-2022 08:03 pm in Bootstrap

Q. Which of the following adds default styles for dropdown menu container?

  • (A) .dropdown-toggle
  • (B) .dropdown-menu-right
  • (C) .dropdown
  • (D) .dropdown-menu
💬 Discuss
✅ Correct Answer: (D) .dropdown-menu

Published by Nitin Gupta ⭐ 1.72K Points at 22-Oct-2022 08:03 pm in Bootstrap

Q. Which class is used to separate links in dropdown menu?

  • (A) .disabled
  • (B) .dropdown
  • (C) .divider
  • (D) .dl-horizontal
💬 Discuss
✅ Correct Answer: (C) .divider

Published by Nitin Gupta ⭐ 1.72K Points at 22-Oct-2022 08:03 pm in Bootstrap

Programming Categories

📱 Download Our App

Learn MCQs on the go with our easy-to-use Android app

Get it on Google Play