Bootstrap - Online Quiz

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

Answer : B

Explanation

.btn-toolbar − This helps to combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

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

A - .nav, .nav-tabs

B - .nav, .nav-pills

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

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

Answer : D

Explanation

You can make tabs or pills of equal widths as of their parent at screens wider than 768px using class .nav-justified along with .nav, .nav-tabs or .nav, .nav-pills respectively. On smaller screens, the .nav links are stacked.

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

A - .breadcrumb

B - .navbar

C - .menu

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 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.

Answer : B

Explanation

data-keyboard − Closes the modal when escape key is pressed; set to false to disable.

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.

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