Bootstrap MCQs with answers Page - 22

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 aligns .pager previous button to left?

  • (A) .pager
  • (B) .next
  • (C) .previous
  • (D) .disabled
💬 Discuss
✅ Correct Answer: (C) .previous
Explanation: .previous aligns .pager previous button to the left, .next aligns .pager next button to the right, .disabled indicates unclickable link, .pager provides simple pagination links (next/previous).

Published by Nitin Gupta ⭐ 1.72K Points at 03-Oct-2022 11:51 am in Bootstrap

Q. Which class indicates new or unread items?

  • (A) .label label-success
  • (B) .pager
  • (C) .badge
  • (D) .jumbortron
💬 Discuss
✅ Correct Answer: (C) .badge
Explanation: .badge class indicates unread or new items, .jumbotron indicates a big box for calling extra attention to featured content or information, .label label-success indicates a green label of type “success”.

Published by Nitin Gupta ⭐ 1.72K Points at 03-Oct-2022 11:52 am in Bootstrap

Q. Which of the following will display a grey label?

  • (A) .label label-default
  • (B) .label label-success
  • (C) .label label-primary
  • (D) .label label-info
💬 Discuss
✅ Correct Answer: (A) .label label-default
Explanation: .label label-default indicates a default grey label, .label label-primary indicates blue label of type “primary”, .label label-success indicates green label of type “success”, .label label-info indicates light blue label of type “info”.

Published by Nitin Gupta ⭐ 1.72K Points at 03-Oct-2022 11:54 am in Bootstrap

Q. Which of the following removes left, top and right borders from navbar?

  • (A) .navbar-static-top
  • (B) .navabr-nav
  • (C) .navbar-right
  • (D) .navbar-toggle
💬 Discuss
✅ Correct Answer: (A) .navbar-static-top
Explanation: .navbar-static-top removes left, top and right borders (rounded corners) from navbar, default navbar has a grey border and 4px border-radius by default, .navbar-toggle styles button that should open navbar on small screens.

Published by Vaibhav Shukla ⭐ 4.53K Points at 04-Oct-2022 09:25 am in Bootstrap

Q. Which is used on a container?

  • (A) .navbar-right
  • (B) .navbar-toggle
  • (C) .navbar-nav
  • (D) .navbar-static-top
💬 Discuss
✅ Correct Answer: (C) .navbar-nav
Explanation: .navbar-nav is used on container that contains list items with links inside a navigation bar, .navbar-right aligns nav links, forms, buttons or text in navbar to the right.

Published by Vaibhav Shukla ⭐ 4.53K Points at 04-Oct-2022 09:26 am in Bootstrap

Q. Which style button that should open navbar on small screens?

  • (A) .navbar-static-top
  • (B) .navbar-right
  • (C) .navbar-text
  • (D) .navbar-toggle
💬 Discuss
✅ Correct Answer: (D) .navbar-toggle
Explanation: .navbar-toggle styles button that should open navbar on small screens, often used together with three .icon-bar classes to indicate a toggleable menu icon, .navbar-text vertical align any elements inside navbar that are not links.

Published by Vaibhav Shukla ⭐ 4.53K Points at 04-Oct-2022 09:26 am in Bootstrap

Q. Which of the following shown collapsible content by default?

  • (A) .collapse.in
  • (B) .panel-collapse
  • (C) .collapse
  • (D) .dropdown-header
💬 Discuss
✅ Correct Answer: (A) .collapse.in
Explanation: .collapse.in shows collapsible content by default, .panel-collapse shows collapsible panel, toggle between hiding and showing panel, .collapse indicates collapsible content which can be hidden or shown on demand.

Published by Vaibhav Shukla ⭐ 4.53K Points at 04-Oct-2022 09:27 am in Bootstrap

Q. Which class separates items inside dropdown menu?

  • (A) .collapse
  • (B) .dropdown-header
  • (C) .divider
  • (D) .disabled
💬 Discuss
✅ Correct Answer: (C) .divider
Explanation: .divider separates items inside dropdown menu with horizontal line, .disabled disables an item in dropdown menu, .collapse indicates collapsible content which can be hidden or shown on demand.

Published by Vaibhav Shukla ⭐ 4.53K Points at 04-Oct-2022 09:27 am in Bootstrap

Q. Which is not a container for embedded content?

  • (A) .embed-responsive-item
  • (B) .embed-responsive-4by3
  • (C) .embed-responsive-16by9
  • (D) .embed-responsive
💬 Discuss
✅ Correct Answer: (A) .embed-responsive-item
Explanation: .embed-responsive-item is used inside .embed-responsive, scales the video nicely to the parent element, .embed-responsive, .embed-responsive-16by9, .embed-responsive-4by3 are containers for embedded content. They creates given aspect ratio embedded content.

Published by Vaibhav Shukla ⭐ 4.53K Points at 04-Oct-2022 09:28 am in Bootstrap

Q. Which of the following removes the default list-style and left margin on list items?

  • (A) .list-inline
  • (B) .initialism
  • (C) .blockquote-reverse
  • (D) .list-unstyled
💬 Discuss
✅ Correct Answer: (D) .list-unstyled
Explanation: .list-unstyled removes default list-style and left margin on list items, It works on both <ul> and <ol>, this class only applies to immediate children list items to remove the default list-style from any nested lists, can be applied to any listed lists as well.

Published by Vaibhav Shukla ⭐ 4.53K Points at 04-Oct-2022 09:28 am in Bootstrap

Programming Categories

📱 Download Our App

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

Get it on Google Play