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

By HH Team | Views: 336

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

--------------------------------------------------------------------------------------------------------------------------------------------

Practice more questions

--------------------------------------------------------------------------------------------------------------------------------------------

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:

--------------------------------------------------------------------------------------------------------------------------------------------

Thank you for your feedback!