Top 25 BOOTSTRAP MCQ Questions and Answers Exercise (Set 2/4)

Q 1 - Which of the following bootstrap style of buttons indicates a successful or positive action?
A - .btn
B - .btn-primary
C - .btn-success
D - .btn-info
Q 2 - Which of the following bootstrap style of buttons represents a contextual button for informational alert messages?
A - .btn
B - .btn-primary
C - .btn-success
D - .btn-info
Q 3 - Which of the following bootstrap style of the button indicates caution should be taken with this action?
A - .btn-warning
B - .btn-danger
C - .btn-link
D - .btn-info
Q 4 - Which of the following bootstrap style of buttons indicates a dangerous or potentially negative action?
A - .btn-warning
B - .btn-danger
C - .btn-link
D - .btn-info
Q 5 - Which of the following bootstrap style of buttons deemphasize a button by making it look like a link while maintaining button behavior?
A - .btn-warning
B - .btn-danger
C - .btn-link
D - .btn-info
Q 6 - Which of the following bootstrap style of buttons makes the button size large?
A - .btn-lg
B - .btn-sm
C - .btn-xs
D - .btn-block
Q 7 - Which of the following bootstrap style of buttons makes the button size small?
A - .btn-lg
B - .btn-sm
C - .btn-xs
D - .btn-block
Q 8 - Which of the following bootstrap style of buttons makes the button size extra small?
A - .btn-lg
B - .btn-sm
C - .btn-xs
D - .btn-block
Q 9 - Which of the following bootstrap style of buttons creates block-level buttons that span the full width of a parent?
A - .btn-lg
B - .btn-sm
C - .btn-xs
D - .btn-block
Q 10 - Which of the following bootstrap style of the image gives the image rounded corners?
A - .img-rounded
B - .img-circle
C - .img-thumbnail
D - None of the above.
Q 11 - Which of the following bootstrap style of the image makes the entire image round by adding border-radius:500px?
A - .img-rounded
B - .img-circle
C - .img-thumbnail
D - None of the above.
Q 12 - Which of the following bootstrap style of the image adds a bit of padding and a gray border?
A - .img-rounded
B - .img-circle
C - .img-thumbnail
D - None of the above.
Q 13 - Which of the following bootstrap style is used for a basic button group?
A - .btn-group
B - .btn-toolbar
C - .btn-group-lg
D - .btn-group-vertical
--------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------
Q 14 - 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
Q 15 - Which of the following bootstrap style can be applied to the button group instead of resizing each button?
A - .btn-group
B - .btn-toolbar
C - .btn-group-lg
D - .btn-group-vertical
Q 16 - Which of the following bootstrap style makes a set of buttons appear vertically stacked rather than horizontally?
A - .btn-group
B - .btn-toolbar
C - .btn-group-lg
D - .btn-group-vertical
Q 17 - Which of the following bootstrap styles are used to create tabbed navigation?
A - .nav, .nav-tabs
B - .nav, .nav-pills
C - .nav, .nav-pills, .nav-stacked
D - .nav, .nav-tabs, .nav-justified
Q 18 - Which of the following bootstrap styles are used to create a pills navigation?
A - .nav, .nav-tabs
B - .nav, .nav-pills
C - .nav, .nav-pills, .nav-stacked
D - .nav, .nav-tabs, .nav-justified
Q 19 - 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
Q 20 - Which of the following bootstrap styles are used to create a justified tabs navigation?
A - .nav, .nav-tabs
B - .nav, .nav-pills
C - .nav, .nav-pills, .nav-stacked
D - .nav, .nav-tabs, .nav-justified
Q 21 - Which of the following bootstrap styles are used to create a disabled tab in tabs navigation?
A - .nav, .nav-tabs, .disabled
B - .nav, .nav-tabs
C - .nav, .nav-pills, .nav-disabled
D - .nav, .nav-pills
Q 22 - Which of the following bootstrap styles are used to add a dropdown to a tab?
A - .nav, .nav-tabs, .menu
B - .nav, .nav-tabs, dropdown-.menu
C - .nav, .nav-pills, .dropdown
D - .nav, .nav-pills
Q 23 - Which of the following bootstrap styles are used to add a dropdown to pills?
A - .nav, .nav-tab, .menu
B - .nav, .nav-pills, .dropdown-.menu
C - .nav, .nav-pills, .dropdown
D - .nav, .nav-pills
Q 24 - Which of the following bootstrap style is used to add a button to the .navbar?
A - .navbar-.btn
B - ..btn
C - .form-.btn
D - None of the above.
Q 25 - Which of the following bootstrap style is used to add text to the .navbar?
A - .navbar-text
B - .text
C - .form-text
D - None of the above.
QUESTION NO. | ANSWERS |
1. | C |
2. | D |
3. | A |
4. | B |
5. | C |
6. | A |
7. | B |
8. | C |
9. | D |
10. | A |
11. | B |
12. | C |
13. | A |
14. | B |
15. | C |
16. | C |
17. | A |
18. | B |
19. | C |
20. | D |
21. | A |
22. | B |
23. | B |
24. | A |
25. | A |
--------------------------------------------------------------------------------------------------------------------------------------------
Also Practice:
- Top 25 BOOTSTRAP MCQ Questions and Answers Exercise (Set 1/4)
- Top 25 BOOTSTRAP MCQ Questions and Answers Exercise (Set 3/4)
- Top 25 BOOTSTRAP MCQ Questions and Answers Exercise (Set 4/4)
- Commonly Asked BOOTSTRAP Interview Questions and Answers for Experienced and Freshers
- Practice our complete set of quantitative and English
--------------------------------------------------------------------------------------------------------------------------------------------