Bootstrap - Online Quiz

Q 1 - Which of the following is correct about Bootstrap Mobile First Strategy?

A - You need to add the viewport meta tag to the element, to ensure proper rendering and touch zooming on mobile devices.

B - width property controls the width of the device. Setting it to device-width will make sure that it is rendered across various devices (mobiles,desktops,tablets...) properly.

C - initial-scale=1.0 ensures that when loaded, your web page will be rendered at a 1:1 scale, and no zooming will be applied out of the box.

D - All of the above.

Q 2 - Which of the following class indicates a warning that might need attention?

A - .active

B - .success

C - .warning

D - .danger

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.

Q 4 - 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 5 - Which of the following bootstrap styles are used to add a dropdown to a pills?

A - .nav, .nav-tab, .menu

B - .nav, .nav-pills, .dropdown-.menu

C - .nav, .nav-pills, .dropdown

D - .nav, .nav-pills

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.

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.

Q 8 - Which of the following class can be used to add a footer to a panel?

A - .panel-footer

B - .footer

C - .panel

D - None of the above.

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

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

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

C - Both of the above.

D - None of the above.

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