Bootstrap MCQs with answers Page - 26

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 of the following spans full width of screen?

  • (A) .container-fluid
  • (B) .collapse-in
  • (C) .container
  • (D) .control-label
💬 Discuss
✅ Correct Answer: (A) .container-fluid

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

Q. Which of the following changes order of the grid columns?

  • (A) .col-*-push-*
  • (B) .collapse
  • (C) .col-*-pull-*
  • (D) .col-*-offset-*
💬 Discuss
✅ Correct Answer: (C) .col-*-pull-*

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

Q. Which class is a container for responsive columns?

  • (A) .row
  • (B) .show
  • (C) .small
  • (D) .sr-only
💬 Discuss
✅ Correct Answer: (A) .row

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

Q. Which of the following creates toggleable tabs?

  • (A) .table
  • (B) .table-condensed
  • (C) .tab-pane
  • (D) .table-responsive
💬 Discuss
✅ Correct Answer: (C) .tab-pane
Explanation: .tab-pane is used together with .tab-content to create toggleable or dynamic tabs or dynamic pills, .table adds basic styling to a table like bottom borders, padding etc.

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

Q. Which of the following makes a table more compact?

  • (A) .table-bordered
  • (B) .table-condensed
  • (C) .table-responsive
  • (D) .table-hover
💬 Discuss
✅ Correct Answer: (B) .table-condensed

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

Q. Which of the following class will show blue text?

  • (A) .text-muted
  • (B) .text-warning
  • (C) .text-primary
  • (D) .text-success
💬 Discuss
✅ Correct Answer: (C) .text-primary

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

Q. Which of the following will show popup-box?

  • (A) .thumbnail
  • (B) .well
  • (C) .tooltip
  • (D) .visible-*
💬 Discuss
✅ Correct Answer: (C) .tooltip

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

Q. Which of the following indicates current page’s location within the navigational hierarchy?

  • (A) .bg-warning
  • (B) .active
  • (C) .btn
  • (D) .breadcrumb
💬 Discuss
✅ Correct Answer: (D) .breadcrumb
Explanation: .breadcrumb is a pagination. It indicates the current page’s location within a navigational hierarchy, .btn creates a basic button i.e. gray background and rounded corners, .bg-warnong adds the yellow background color to an element.

Published by Santosh Mishra ⭐ 1.66K Points at 26-Oct-2022 06:29 pm in Bootstrap

Q. Which of the following indicates blue background color representing something important?

  • (A) .bg-primary
  • (B) .bg-danger
  • (C) .bg-info
  • (D) .bg-success
💬 Discuss
✅ Correct Answer: (A) .bg-primary
Explanation: .bg-primary - blue color
.bg-danger - red color
.bg-secondary - grey color
.bg-success - green color
.bg-info - light blue color

Published by Santosh Mishra ⭐ 1.66K Points at 26-Oct-2022 06:31 pm in Bootstrap

Q. Which of the following will display red alert box?

  • (A) .alert-link
  • (B) .alert-info
  • (C) .alert
  • (D) .alert-danger
💬 Discuss
✅ Correct Answer: (D) .alert-danger
Explanation: .alert-danger displays red alert box. It indicates a dangerous or potentially negative action, .alert simply creates an alert message, .alert-info displays a light-blue alert box which indicates some information, .alert-link used on links inside alerts to add matching colored links.

Published by Santosh Mishra ⭐ 1.66K Points at 26-Oct-2022 06:31 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