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 query is a really fancy term for "conditional CSS rule".

B - It simply applies some CSS, based on certain conditions set forth. If those conditions are met, the style is applied.

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 styles a table as a nice basic table with just some light padding and horizontal dividers?

Answer : A

Explanation

If you want a nice, basic table style with just some light padding and horizontal dividers, add the base class of .table to any table.

Q 3 - Which of the following bootstrap style of button creates a default/ standard button?

Answer : A

Explanation

.btn − Default/ Standard button.

Q 4 - Which of the following bootstrap style of image adds a bit of padding and a gray border?

A - .img-rounded

B - .img-circle

C - .img-thumbnail

D - None of the above.

Answer : C

Explanation

.img-thumbnail − adds a bit of padding and a gray border.

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

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 align .nav links, forms, buttons, or text to left or right in a .navbar?

A - .navbar-align

B - .navbar-left, .navbar-right

C - .alignment

D - None of the above.

Answer : B

Explanation

You can align the components like .nav links, forms, buttons, or text to left or right in a .navbar using the utility classes .navbar-left or .navbar-right. Both classes will add a CSS float in the specified direction.

Q 7 - Which of the following is correct about bootstrap media objects?

A - These are abstract object styles for building various types of components (like blog comments, Tweets, etc.) that feature a left-aligned or right-aligned image alongside the textual content.

B - The goal of the media object is to make the code for developing these blocks of information drastically shorter.

C - Both of the above.

D - None of the above.

Answer : C

Explanation

Both of the above options are correct.

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

A - Panel components are used when you want to put your DOM component in a box.

B - To get a basic panel, just add class .panel to the <div> element. Also add class .panel-default to this element.

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

A - Sets the default title value if the title attribute isn't present.

B - Defines how the tooltip is triggered.

C - Defines default content value if data-content attribute isn't present

D - Delays showing and hiding the tooltip in ms.

Answer : A

Explanation

data-title − Sets the default title value if the title attribute isn't present.

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