Bootstrap MCQs with answers Page - 2

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

📊 Bootstrap
Q. Which of the following is correct about Bootstrap Grid System?
  • (A) Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layouts. LESS mixins can also be used for more semantic layouts.
  • (B) Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and the last column via negative margin on .rows.
  • (C) Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-xs-4.
  • (D) All of the above.
💬 Discuss
✅ Correct Answer: (D) All of the above.
📊 Bootstrap
Q. Which of the following class applies the hover color to a particular row or cell of a table?
  • (A) active
  • (B) success
  • (C) warning
  • (D) danger
💬 Discuss
✅ Correct Answer: (A) active
📊 Bootstrap
Q. Which of the following bootstrap style of button indicates caution should be taken with this action?
  • (A) btn-warning
  • (B) btn-danger
  • (C) btn-link
  • (D) btn-info
💬 Discuss
✅ Correct Answer: (A) btn-warning
📊 Bootstrap
Q. Which of the following bootstrap style helps to combine sets of <div class=”btn-group”> into a <div class=”btn-toolbar”> for more complex components?
  • (A) btn-group
  • (B) btn-toolbar
  • (C) btn-group-lg
  • (D) btn-group-vertical
💬 Discuss
✅ Correct Answer: (B) btn-toolbar
📊 Bootstrap
Q. Which of the following bootstrap styles are used to create a vertical pills navigation?
  • (A) nav, .nav-tabs
  • (B) nav, .nav-pills
  • (C) nav, .nav-pills, .nav-stacked
  • (D) nav, .nav-tabs, .nav-justified
💬 Discuss
✅ Correct Answer: (C) nav, .nav-pills, .nav-stacked
📊 Bootstrap
Q. Which of the following bootstrap style can be used to to get different size items of .pagination?
  • (A) lg, .sm
  • (B) pagination-lg, .pagination-sm
  • (C) menu-lg, .menu-sm
  • (D) None of the above.
💬 Discuss
✅ Correct Answer: (B) pagination-lg, .pagination-sm
📊 Bootstrap
Q. Which of the following is correct about Bootstrap jumbotron?
  • (A) This component can optionally increase the size of headings and add a lot of margin for landing page content.
  • (B) To use the Jumbotron: Create a container <div> with the class of .jumbotron.
  • (C) Both of the above.
  • (D) None of the above.
💬 Discuss
✅ Correct Answer: (C) Both of the above.
📊 Bootstrap
Q. Which of the following is correct about bootstrap media objects?
  • (A) These are abstract object styles for building various types of components (like blog comments, Tweets, etc.) that feature a left-aligned or right-aligned image alongside the textual content.
  • (B) The goal of the media object is to make the code for developing these blocks of information drastically shorter.
  • (C) Both of the above.
  • (D) None of the above.
💬 Discuss
✅ Correct Answer: (C) Both of the above.
📊 Bootstrap
Q. Which of the following is correct about data-remote Data attribute of Modal Plugin?
  • (A) It specifies static for a backdrop, if you don’t want the modal to be closed when the user clicks outside of the modal.
  • (B) It closes the modal when escape key is pressed; set to false to disable.
  • (C) It shows the modal when initialized.
  • (D) Using the jQuery .load method, injects content into the modal body. If anhref with a valid URL is added, it will load that content.
💬 Discuss
✅ Correct Answer: (D) Using the jQuery .load method, injects content into the modal body. If anhref with a valid URL is added, it will load that content.
📊 Bootstrap
Q. Which of the following is correct about data-trigger Data attribute of popover Plugin?
  • (A) Sets the default title value if the title attribute isn’t present.
  • (B) Defines how the popover is triggered.
  • (C) Defines default content value if data-content attribute isn’t present
  • (D) Delays showing and hiding the popover in ms.
💬 Discuss
✅ Correct Answer: (B) Defines how the popover is triggered.

Programming Categories

📱 Download Our App

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

Get it on Google Play