Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

GC Web Dev L2S12

Total questions: 11

Worksheet time: 9mins

Name
Class
Date
1.

Which of the following bootstrap style is used to add standard links to .navbar?

a)

- .navbar-link

b)

- .link

c)

- .form-link

d)

None of the above.

2.

Select the most appropriate CSS media query statement to change the #wrapper selector's width value to 90% on screen devices not wider than 1024px.

a)

@media only screen and (min-width: 1024px) { #wrapper { width: 90%; } }

b)

@media only screen and (max-width: 1024px) { #wrapper { width: 90%; } }

c)

@media all and (min-width: 1024px) { #wrapper { width: 90%; } }

d)

@media print and (max-width: 1024px) { #wrapper { width: 90%; } }

3.

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

4.

What model includes margin, border, padding, and content?

a)

CSS Box model

b)

CSS3 Flexbox Box model

c)

CSS3 Grid Layout model

d)

CSS Grid Template Layout Module

SHOW ANSWER

5.

Write three Bootstrap classes for Buttons.

4 lines
6.

Which of the following are flex-direction property values? (Choose all that apply.)

a)

auto

b)

row-reverse

c)

column

d)

start

7.

How many dimensions are specified in flexbox layout module?

a)

1

b)

2

c)

3

d)

4

8.

How many dimensions are specified in the grid layout model?

a)

1

b)

2

c)

3

d)

4

9.

grid-area property controls

a)

The size of the whole grid

b)

the size of a grid cell

c)

grid area row start, column start, row end, column end

d)

the size of the table

10.

Which of the following class is used to create a button as a link in bootstrap?

a)

.btn-hyperlink

b)

.btn-anchor

c)

.btn-link

d)

None of These

11.

What is the attribute used to give curved borders?

(a)