BOOTSTRAP MOCK TEST

http://www.tutorialspoint.com/bootstrap/pdf/bootstrap_mock_test_i.htm Copyright © tutorials point.com

This sect ion present s you various set of Mock Test s relat ed t o Bo o tstrap Framewo rk. You can
download t hese sample mock t est s at your local machine and solve offline at your convenience.
Every mock t est is supplied wit h a mock t est key t o let you verify t he final score and grade yourself.

BOOTSTRAP MOCK TEST I

Q 1 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap?

A - Boot st rap is a sleek, int uit ive, and powerful, mobile first front -end framework for fast er and
easier web development .

B - It uses HTML, CSS and Javascript .

C - Boot st rap was developed by Mark Ot t o and Jacob Thornt on at Twit t er.

D - All of t he above.

Q 2 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap?

A - Boot st rap's responsive CSS adjust s t o Deskt ops,Tablet s and Mobiles.

B - Provides a clean and uniform solut ion for building an int erface for developers.

C - It cont ains beaut iful and funct ional built -in component s which are easy t o cust omize.

D - All of t he above.

Q 3 - Which o f the fo llo wing is a part o f Mo bile First Strategy o f Bo o tstrap?

A - Cont ent : Det ermine what is most import ant .

B - Layout : Design t o smaller widt hs first . Base CSS address mobile device first ; media queries
address for t ablet , deskt ops.

C - Progressive Enhancement : Add element s as screen size increases.

D - All of t he above.

Q 4 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap Grid System?

A - Rows must be placed wit hin a .cont ainer class for proper alignment and padding.
B - Use rows t o creat e horizont al groups of columns.

C - Cont ent should be placed wit hin t he columns, and only columns may be t he immediat e children
of rows.

D - All of t he above.

Q 5 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap Grid System?

A - Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layout s. LESS
mixins can also be used for more semant ic layout s.

B - Columns creat e gut t ers (gaps bet ween column cont ent ) via padding. That padding is offset in
rows for t he first and t he last column via negat ive margin on .rows.

C - Grid columns are creat ed by specifying t he number of t welve available columns you wish t o
span. For example, t hree equal columns would use t hree .col-xs-4.

D - All of t he above.

Q 6 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap Media Query?

B - It simply applies some CSS, based on cert ain condit ions set fort h. If t hose condit ions are met ,
t he st yle is applied.

C - Bot h of t he above.

D - None of t he above..

Q 7 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap Media Query?

A - Media queries have t wo part s, a device specificat ion and t hen a size rule.

B - Media Queries in Boot st rap allow you t o move, show and hide cont ent based on t he viewport
size.

C - Bot h of t he above.

D - None of t he above..

Q 8 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap Mo bile First Strategy?

A - You need t o add t he viewport met a t ag t o t he element , t o ensure proper rendering and t ouch
zooming on mobile devices.

B - widt h propert y cont rols t he widt h of t he device. Set t ing it t o device-widt h will make sure t hat
it is rendered across various devices (mobiles,deskt ops,t ablet s...) properly.

C - init ial-scale=1.0 ensures t hat when loaded, your web page will be rendered at a 1:1 scale, and
no zooming will be applied out of t he box.

D - All of t he above.

Q 9 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap Respo nsive Images?

A - Boot st rap 3 allows you t o make t he images responsive by adding a class ..img-responsive t o
t he <.img> t ag.
B - ..img-responsive class applies max-widt h: 100%; and height : aut o; t o t he image so t hat it
scales nicely t o t he parent element .

C - Bot h of t he above.

D - None of t he above..

Q 10 - Which o f the fo llo wing is co rrect abo ut Bo o tstrap cro ss bro wser
co nsistency?

A - Boot st rap uses Normalize t o est ablish cross browser consist ency.

B - Normalize.css is a modern, HTML5-ready alt ernat ive t o CSS reset s.

C - Normalize.css is a small CSS file t hat provides bet t er cross-browser consist ency in t he default
st yling of HTML element s.

D - All of t he above.

Q 11 - Which o f the fo llo wing class styles a table as a nice basic table with just
so me light padding and ho rizo ntal dividers?

A - .t able

B - .t able-st riped

C - .t able-bordered

D - .t able-hover

Q 12 - Which o f the fo llo wing class styles a table as a nice basic table with stripes
o n ro ws?

A - .t able

B - .t able-st riped

C - .t able-bordered

D - .t able-hover

Q 13 - Which o f the fo llo wing class styles a table with bo rders surro unding every
element and ro unded co rners aro und the entire table?

A - .t able

B - .t able-st riped

C - .t able-bordered

D - .t able-hover

Q 14 - Which o f the fo llo wing class styles a table with a light gray backgro und to
ro ws while the curso r ho vers o ver them?

A - .t able

B - .t able-st riped
C - .t able-bordered

D - .t able-hover

Q 15 - Which o f the fo llo wing class applies the ho ver co lo r to a particular ro w o r

cell o f a table?

A - .act ive

B - .success

C - .warning

D - .danger

Q 16 - Which o f the fo llo wing class indicates a successful o r po sitive actio n?

A - .act ive

B - .success

C - .warning

D - .danger

Q 17 - Which o f the fo llo wing class indicates a warning that might need attentio n?

A - .act ive

B - .success

C - .warning

D - .danger

Q 18 - Which o f the fo llo wing class indicates a dangero us o r po tentially negative

actio n?

A - .act ive

B - .success

C - .warning

D - .danger

Q 19 - Which o f the fo llo wing class can be used to create a respo nsive table?

A - .t able-responsive

B - .responsive

C - .act ive

D - .t able

Q 20 - Which o f the fo llo wing is the default layo ut o f a bo o tstrap fo rm?

A - .vert ical

B - .inline

C - .horizont al

D - None of t he above.

Q 21 - Which o f the fo llo wing class is required to be added to fo rm tag to make it

inline?

A - .inline

B - .form-inline

C - .horizont al

D - None of t he above.

Q 22 - Which o f the fo llo wing class is required to be added to fo rm tag to make it

ho rizo ntal?

A - .horizont al

B - .form-horizont al

C - .horizont al

D - None of t he above.

Q 23 - Which o f the fo llo wing is true abo ut bo o tstrap help text?

A - Boot st rap form cont rols can have a block level help t ext t hat flows wit h t he input s.

B - To add a full widt h block of cont ent , use t he .help-block aft er t he <input >.

C - Bot h of t he above.

D - None of t he above.

Q 24 - Which o f the fo llo wing bo o tstrap style o f butto n creates a default/

standard butto n?

A - .bt n

B - .bt n-primary

C - .bt n-success

D - .bt n-info

Q 25 - Which o f the fo llo wing bo o tstrap style o f butto n pro vides extra visual
weight and identifies the primary actio n in a set o f butto ns?

A - .bt n

B - .bt n-primary
C - .bt n-success

D - .bt n-info

ANSWER SHEET

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