wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Bootstrap

Total questions: 11

Worksheet time: 2mins

Name
Class
Date
1.

The Bootstrap grid system works across multiple devices.

a)

True

b)

False

2.

Which class provides a responsive fixed width container?

a)

.container-fixed

b)

.container

c)

.container-fluid

d)

None of above

3.

Bootstrap's grid has ______ columns across the page

a)

1

b)

4

c)

12

d)

8

4.

You're columns should add up to ________

a)

1 or more

b)

10 or fewer

c)

12 or more

d)

12 or fewer

5.

sm, md, lg, and xl represent ___________

a)

Size of the column

b)

Size of the row

c)

Size of the device's screen

d)

Nothing

6.

While building a Bootstrap grid we use ________

a)

span

b)

header

c)

button

d)

div

7.

In the following code, what does the number 4 represent?

<div class="col-md-4">

a)

the span of the column

b)

the height of the column

c)

the responsiveness

d)

how many columns are in a row

8.

If I want my grid to have 4 columns on a large screen, which column class would I use?

a)

col-2

b)

col-lg-12

c)

col-sm-4

d)

col-lg-3

9.

What are the Bootstrap classes for creating columns?

a)

.col-# .col-sm-# .col-md-# .col-lg-# .col-xl-#

b)

.#-col .sm-#-col .md-#-col .lg-#-col .xl-#-col

c)

.large .medium ,small .extrasmall

d)

.col-1 .col-2 .col-3 .col-4

10.

Which of the following grid class is used for desktops?

a)

xl

b)

lg

c)

sm

d)

md

11.

The bootstrap class md means for

a)

phone

b)

tablet

c)

laptop

d)

desktop