Bootstrap - Online Quiz

Q 1 - Which of the following is correct about Bootstrap Responsive Images?

A - Bootstrap 3 allows you to make the images responsive by adding a class ..img-responsive to the <.img> tag.

B - ..img-responsive class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

C - Both of the above.

D - None of the above..

Q 2 - Which of the following class can be used to create a responsive table?

A - .table-responsive

B - .responsive

C - .active

D - .table

Q 3 - Which of the following bootstrap style of button indicates a dangerous or potentially negative action?

A - .btn-warning

B - .btn-danger

C - .btn-link

D - .btn-info

Q 4 - Which of the following bootstrap style of button makes the button size large?

A - .btn-lg

B - .btn-sm

C - .btn-xs

D - .btn-block

Q 5 - Which of the following bootstrap styles are used to create a tabbed navigation?

A - .nav, .nav-tabs

B - .nav, .nav-pills

C - .nav, .nav-pills, .nav-stacked

D - .nav, .nav-tabs, .nav-justified

Q 6 - Which of the following bootstrap style is to be used if you want to create a .navbar that scrolls with the page?

A - .navbar-static-top

B - .navbar-fixed

C - .navbar-fixed-top

D - None of the above.

Q 7 - Which of the following bootstrap style can be used to align .pager buttons?

A - .pager-previous, .pager-next

B - .previous, .next

C - .link-previous, .link-next

D - None of the above.

Q 8 - Which of the following is correct about data-keyboard Data attribute of Modal Plugin?

A - It specifies static for a backdrop, if you don't want the modal to be closed when the user clicks outside of the modal.

B - It closes the modal when escape key is pressed; set to false to disable.

C - It shows the modal when initialized.

D - Using the jQuery .load method, injects content into the modal body. If an href with a valid URL is added, it will load that content.

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

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

B - You can toggle the Tab 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-content 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.