Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Bootstrap Website

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Bootstrap is mobile-first.

a)

False

b)

True

2.

Which class provides a responsive fixed width container?

a)

.container-fixed

b)

.container

c)

.container-fluid

d)

None of above

3.

Which class provides a full width container, spanning the entire width of the viewport?

a)

.container-fluid

b)

.container-fixed

c)

.container

d)

None of above

4.

The Bootstrap grid system is based on how many columns?

a)

12

b)

3

c)

9

d)

6

5.

Which class adds zebra-stripes to a table?

a)

even and .odd

b)

table-striped

c)

table-zebra

d)

table-bordered

6.

Which class shapes an image to a circle?

a)

img-circle

b)

img-rounded

c)

img-thumbnail

d)

img-round

7.

Which class is used to create a big box for calling extra attention?

a)

.container

b)

.bigbox

c)

.jumbotron

d)

None of above

8.

Which button class is used to create a large button?

a)

.btn-xl

b)

.btn-l

c)

.btn-lg

d)

.btn-large

element.

9.

Which class is used to create a button group?

a)

.group-btn

b)

.button-group

c)

.btn-group

d)

.group-button

10.

How can you insert a search icon?

a)

<span class="glyphicon-search"></span>

b)

<span class="glyph glyph-search"></span>

c)

<span class="glyphicon search"></span>

d)

<span class="glyphicon glyphicon-search"></span>

11.

Which class is used to create a badge?

a)

.badge

b)

.label

c)

.tag

d)

.flag

12.

Which class is used to create a basic pagination?

a)

.navigation

b)

.page

c)

.pages

d)

.navigation

13.

Which class indicates a dropdown menu?

a)

.dropdown

b)

.dropdown-list

c)

.select

d)

None of above

14.

A standard navigation bar is created with:

a)

<nav class="nav navbar">

b)

<nav class="navigationbar navbar-default">

c)

<nav class="navbar default-navbar">

d)

<nav class="navbar navbar-default">

15.

Which class is used to create a black navigation bar?

a)

.navbar-black

b)

.navbar-inverse

c)

.navbar-dark

d)

.navbar-default

16.

Which plugin is used to cycle through elements, like a slideshow?

a)

Orbit

b)

Scrollspy

c)

Slideshow

d)

Carousel

17.

Which plugin is used to create a modal window?

a)

Modal

b)

Dialog Box

c)

Popup

d)

Window

18.

Which contextual class indicates a succesful or positive action?

a)

.text-warning

b)

.text-primary

c)

.text-success

d)

.text-info

19.

Which contextual class indicates a dangerous or potentially negative action?

a)

.text-danger

b)

.text-info

c)

.text-warning

d)

.text-primary

20.

The Bootstrap grid system works across multiple devices.

a)

True

b)

False