Bootstrap MCQs with answers Page - 19

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 layout is used for providing 100% width in Bootstrap?

  • (A) Fixed layout
  • (B) Fluid layout
  • (C) Both A and B
  • (D) None of these
💬 Discuss
✅ Correct Answer: (B) Fluid layout

Published by Ram Sharma ⭐ 193.88K Points at 03-Aug-2022 10:39 pm in Bootstrap

Q. Which of the following bootstrap style of button makes the button size large?

  • (A) btn-block
  • (B) btn-sm
  • (C) btn-lg
  • (D) btn-xs
💬 Discuss
✅ Correct Answer: (C) btn-lg

Published by Ram Sharma ⭐ 193.88K Points at 03-Aug-2022 10:40 pm in Bootstrap

Q. Which of the following bootstrap styles can be used to create a default progress bar?

  • (A) .nav-progress
  • (B) .link-progress-bar
  • (C) .progress, .progress-bar
  • (D) All of the mentioned
💬 Discuss
✅ Correct Answer: (C) .progress, .progress-bar

Published by Nitin Gupta ⭐ 1.72K Points at 20-Sep-2022 11:38 am in Bootstrap

Q. Which of the following is correct about the data-animation Data attribute of the Popover Plugin?

  • (A) Gives the popover a CSS fade transition
  • (B) Inserts the popover with HTML
  • (C) Indicates how the popover should be positioned
  • (D) Assigns delegated tasks to the designated targets
💬 Discuss
✅ Correct Answer: (A) Gives the popover a CSS fade transition
Explanation: The data-animation Data attribute of the Popover Plugin gives the popover a CSS fade transition.

Published by Nitin Gupta ⭐ 1.72K Points at 20-Sep-2022 11:39 am in Bootstrap

Q. The content must be placed within ________ in Bootstrap.

  • (A) Rows
  • (B) Containers
  • (C) Columns
  • (D) None of the mentioned
💬 Discuss
✅ Correct Answer: (C) Columns
Explanation: Content should be placed within columns, and only columns may be immediate children of rows. Predefined classes like .row and .col-sm-4 are available for quickly making grid layouts.

Published by Nitin Gupta ⭐ 1.72K Points at 20-Sep-2022 11:40 am in Bootstrap

Q. Which of the following class applies hover color to a specific row or a cell?

  • (A) Warning
  • (B) Active
  • (C) Success
  • (D) Danger
💬 Discuss
✅ Correct Answer: (B) Active
Explanation: To apply hover color to a particular table row or cell with Bootstrap, the .active class should be used.

Published by Nitin Gupta ⭐ 1.72K Points at 20-Sep-2022 11:40 am in Bootstrap

Q. Which of the following bootstrap version should be used to support IE9?

  • (A) Bootstrap 1
  • (B) Bootstrap 2
  • (C) Bootstrap 3
  • (D) Bootstrap 4
💬 Discuss
✅ Correct Answer: (C) Bootstrap 3
Explanation: It’s the most stable version of bootstrap code and is still supported by their team for critical bug fixes and documentation changes.

Published by Nitin Gupta ⭐ 1.72K Points at 20-Sep-2022 11:41 am in Bootstrap

Q. Which of the following is the default size of H4 bootstrap heading?

  • (A) 12px
  • (B) 24px
  • (C) 36px
  • (D) 48px
💬 Discuss
✅ Correct Answer: (B) 24px
Explanation: The h4 default font size is 1.5rem and in pixel, the default size is 24 px.

Published by Nitin Gupta ⭐ 1.72K Points at 20-Sep-2022 11:42 am in Bootstrap

Q. Which will change the order of a grid columns?

  • (A) .col-sm-*
  • (B) .clearfix
  • (C) .col-md-offset-*
  • (D) .col-md-push-*
💬 Discuss
✅ Correct Answer: (D) .col-md-push-*

Published by Deepak Sahoo ⭐ 11.23K Points at 26-Sep-2022 06:42 pm in Bootstrap

Q. Which of the following clears bottom-margin of each panel?

  • (A) .panel-heading
  • (B) .panel-body
  • (C) .panel-group
  • (D) .panel-footer
💬 Discuss
✅ Correct Answer: (C) .panel-group
Explanation: .panel-group class clears bottom-margin of each panel. It also group many panels together, we can wrap <div> with class .panel-group around them.

Published by Deepak Sahoo ⭐ 11.23K Points at 26-Sep-2022 06:45 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