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 Media Query?
A - Media query is a really fancy term for "conditional CSS rule".
Answer : C
Explanation
Both of the above options are correct.
Q 2 - Which of the following class styles a table as a nice basic table with stripes on rows?
Answer : B
Explanation
By adding the .table-striped class, you will get stripes on rows within the <tbody>.
Q 3 - Which of the following bootstrap style of button indicates a successful or positive action?
Answer : C
Explanation
.btn-success − Indicates a successful or positive action.
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 styles are used to create a disabled tab in tabs navigation?
A - .nav, .nav-tabs, .disabled
Answer : A
Explanation
For each of the .nav classes, if you add the .disabled class, it will create a gray link that also disables the :hover state.
Q 6 - Which of the following bootstrap style is used to align .nav links, forms, buttons, or text to left or right in a .navbar?
Answer : B
Explanation
You can align the components like .nav links, forms, buttons, or text to left or right in a .navbar using the utility classes .navbar-left or .navbar-right. Both classes will add a CSS float in the specified direction.
Q 7 - Which of the following is correct about Bootstrap jumbotron?
B - To use the Jumbotron: Create a container <div> with the class of .jumbotron.
Answer : C
Explanation
Both of the above options are correct.
Q 8 - Which of the following is correct about bootstrap panels?
A - Panel components are used when you want to put your DOM component in a box.
Answer : C
Explanation
Both of the above options are correct.
Q 9 - Which of the following is correct about data-selector 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 : D
Explanation
data-selector − If a selector is provided, tooltip objects will be delegated to the specified targets.
Q 10 - Which of the following is correct about data-title 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
Answer : A
Explanation
data-title − Sets the default title value if the title attribute isn't present.
