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 queries have two parts, a device specification and then a size rule.

B - Media Queries in Bootstrap allow you to move, show and hide content based on the viewport size.

C - Both of the above.

D - None of the above..

Answer : C

Explanation

Both of the above options are correct.

Q 2 - Which of the following class applies the hover color to a particular row or cell of a table?

Answer : A

Explanation

.active − Applies the hover color to a particular row or cell.

Q 3 - Which of the following bootstrap style of button indicates caution should be taken with this action?

Answer : A

Explanation

.btn-warning − Indicates caution should be taken with this action.

Q 4 - Which of the following bootstrap style of 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.

Answer : B

Explanation

.img-circle − makes the entire image round by adding border-radius:500px.

Q 5 - 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

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 can be used to create a pager on a page?

A - .pager

B - .pagination

C - .nav

D - None of the above.

Answer : A

Explanation

.pager − Add this class to get the pager links.

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.

D - All of the above.

Answer : D

Explanation

All of the above options are correct.

Q 8 - Which of the following is correct about bootstrap wells?

A - You can change the size of well using the optional classes such as, well-lg or well-sm.

B - well-lg or well-sm classes are used in conjunction with .well class.

C - Both of the above.

D - None of the above.

Answer : C

Explanation

Both of the above options are correct.

Q 9 - Which of the following is correct about dropdown Plugin?

A - You can toggle the dropdown plugin's hidden content via data attributes.

B - You can toggle the dropdown plugin's hidden content via javascript.

C - Both of the above.

D - None of the above.

Answer : C

Explanation

Both of the above options are correct.

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.

B - Inserts HTML into the popover. If false, jQuery's text method will be used to insert content into the dom.

C - Specifies how to position the popover (i.e., top|bottom|left|right|auto).

D - Delegates to the specified targets.

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.

bootstrap_questions_answers.htm