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.

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

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

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