Bootstrap - Mock Test


Advertisements


This section presents you various set of Mock Tests related to Bootstrap Framework. You can download these sample mock tests at your local machine and solve offline at your convenience. Every mock test is supplied with a mock test key to let you verify the final score and grade yourself.

Questions and Answers

Bootstrap Mock Test I

Answer : C

Explanation

Both of the above options are correct.

Q 11 - Which of the following class styles a table as a nice basic table with just some light padding and horizontal dividers?

A - .table

B - .table-striped

C - .table-bordered

D - .table-hover

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 12 - Which of the following class styles a table as a nice basic table with stripes on rows?

A - .table

B - .table-striped

C - .table-bordered

D - .table-hover

Answer : B

Explanation

By adding the .table-striped class, you will get stripes on rows within the <tbody>.

Q 13 - Which of the following class styles a table with borders surrounding every element and rounded corners around the entire table?

A - .table

B - .table-striped

C - .table-bordered

D - .table-hover

Answer : C

Explanation

By adding the .table-bordered class, you will get borders surrounding every element and rounded corners around the entire table.

Q 14 - Which of the following class styles a table with a light gray background to rows while the cursor hovers over them?

A - .table

B - .table-striped

C - .table-bordered

D - .table-hover

Answer : D

Explanation

By adding the .table-hover class, a light gray background will be added to rows while the cursor hovers over them.

Q 15 - Which of the following class applies the hover color to a particular row or cell of a table?

A - .active

B - .success

C - .warning

D - .danger

Answer : A

Explanation

.active − Applies the hover color to a particular row or cell.

Q 16 - Which of the following class indicates a successful or positive action?

A - .active

B - .success

C - .warning

D - .danger

Answer : B

Explanation

.success − Indicates a successful or positive action.

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

A - .active

B - .success

C - .warning

D - .danger

Answer : C

Explanation

.warning − Indicates a warning that might need attention.

Q 18 - Which of the following class indicates a dangerous or potentially negative action?

A - .active

B - .success

C - .warning

D - .danger

Answer : D

Explanation

.danger − Indicates a dangerous or potentially negative action.

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

A - .table-responsive

B - .responsive

C - .active

D - .table

Answer : A

Explanation

By wrapping any .table in .table-responsive class, you will make the table scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

Q 20 - Which of the following is the default layout of a bootstrap form?

A - .vertical

B - .inline

C - .horizontal

D - None of the above.

Answer : A

Explanation

Vertical or Basic Form: The basic form structure which comes with Bootstrap.

Q 21 - Which of the following class is required to be added to form tag to make it inline?

A - .inline

B - .form-inline

C - .horizontal

D - None of the above.

Answer : B

Explanation

To create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the <form> tag.

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

element.

Answer : C

Explanation

Both of the above options are correct.

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

A - .btn

B - .btn-primary

C - .btn-success

D - .btn-info

Answer : A

Explanation

.btn − Default/ Standard button.

Q 25 - Which of the following bootstrap style of button provides extra visual weight and identifies the primary action in a set of buttons?

A - .btn

B - .btn-primary

C - .btn-success

D - .btn-info

Answer : B

Explanation

.btn-primary − Provides extra visual weight and identifies the primary action in a set of buttons.

Answer Sheet

Question Number Answer Key
1 D
2 D
3 D
4 D
5 D
6 C
7 C
8 D
9 C
10 D
11 A
12 B
13 C
14 D
15 A
16 B
17 C
18 D
19 A
20 A
21 B
22 B
23 C
24 A
25 B

bootstrap_questions_answers.htm

Advertisements
E-Books Store