Bootstrap - Online Quiz
Following quiz provides Multiple Choice Questions (MCQs) related to Bootstrap Framework. You will have to read all the given answers and click over the correct answer. If you are not sure about the answer then you can check the answer using Show Answer button. You can use Next Quiz button to check new set of questions in the quiz.
Q 1 - Which of the following is correct about Bootstrap?
B - It uses HTML, CSS and Javascript.
C - Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter.
Answer : D
Explanation
All of the above options are correct.
Q 2 - Which of the following is the default layout of a bootstrap form?
Answer : A
Explanation
Vertical or Basic Form: The basic form structure which comes with Bootstrap.
Q 3 - Which of the following bootstrap style of button provides extra visual weight and identifies the primary action in a set of buttons?
Answer : B
Explanation
.btn-primary − Provides extra visual weight and identifies the primary action in a set of buttons.
Q 4 - Which of the following bootstrap style of image gives the image rounded corners?
Answer : A
Explanation
.img-rounded − adds border-radius:6px to give the image rounded corners.
Q 5 - Which of the following bootstrap style is used to add text to .navbar?
Answer : A
Explanation
To wrap strings of text in an element use the class .navbar-text. This is usually used with <p> tag for proper leading and color.
Q 6 - Which of the following bootstrap style is used to create a .pagination?
Answer : B
Explanation
.pagination: Add this class to get the .pagination on your page.
Q 7 - Which of the following is correct about Bootstrap badges?
A - Badges are similar to labels; the primary difference is that the corners are more rounded.
B - Badges are mainly used to highlight new or unread items.
C - To use badges just add <span class="badge"> to links, Bootstrap navs, and more.
Answer : D
Explanation
All of the above options are correct.
Q 8 - Which of the following is correct about Transition Plugin?
A - Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator.
Answer : C
Explanation
Both of the above options are correct.
Q 9 - Which of the following is correct about data-animation Data attribute of Tooltip Plugin?
A - Applies a CSS fade transition to the tooltip.
C - Specifies how to position the tooltip (i.e., top|bottom|left|right|auto).
Answer : A
Explanation
data-animation − Applies a CSS fade transition to the tooltip.
Q 10 - Which of the following is correct about data-html Data attribute of Popover Plugin?
A - Applies a CSS fade transition to the popover.
C - Specifies how to position the popover (i.e., top|bottom|left|right|auto).
Answer : B
Explanation
data-html − Inserts HTML into the popover. If false, jQuery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
