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.

Questions and Answers

Q 1 - Which of the following is correct about Bootstrap Grid System?

A - Rows must be placed within a .container class for proper alignment and padding.

B - Use rows to create horizontal groups of columns.

C - Content should be placed within the columns, and only columns may be the immediate children of rows.

D - All of the above.

Answer : D

Explanation

All 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 class is required to be added to form tag to make it horizontal?

A - .horizontal

B - .form-horizontal

C - .horizontal

D - None of the above.

Answer : B

Explanation

To create a form that uses the horizontal layout, Add a class of .form-horizontal to the parent

Q 4 - Which of the following bootstrap style of image gives the image rounded corners?

A - .img-rounded

B - .img-circle

C - .img-thumbnail

D - None of the above.

Answer : A

Explanation

.img-rounded − adds border-radius:6px to give the image rounded corners.

Q 5 - Which of the following bootstrap style makes a set of buttons appear vertically stacked rather than horizontally?

B - .btn-toolbar

C - .btn-group-lg

D - .btn-group-vertical

Answer : C

Explanation

.btn-group-vertical − This class make a set of buttons appear vertically stacked rather than horizontally.

Q 6 - Which of the following bootstrap style is used to create a .breadcrumb?

A - .breadcrumb

D - None of the above.

Answer : A

Explanation

A .breadcrumb in Bootstrap is simply an unordered list with a class of .breadcrumb. The separator is automatically added by CSS (bootstrap.min.css).

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 Transition Plugin?

A - Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator.

B - It is used by the other plugins to check for CSS transition support and to catch hanging transitions.

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 data-animation Data attribute of Tooltip Plugin?

A - Applies a CSS fade transition to the tooltip.

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

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

D - Delegates to the specified targets.

Answer : A

Explanation

data-animation − Applies a CSS fade transition to the tooltip.

Q 10 - Which of the following is correct about data-trigger 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

D - Delays showing and hiding the popover in ms.

Answer : B

Explanation

data-trigger − Defines how the popover is triggered: click| hover | focus | manual. You may pass multiple triggers; separate them with a space.

bootstrap_questions_answers.htm

Advertisements