wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Alistar - Boostrap

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

flex-grow se aplica unui element flex, nu intregului flexbox.

a)

adevarat

b)

fals

2.

Propietatea css "order" pentru item-uri flex iti permite sa:

a)

specifici in ce ordine vor aparea item-urile flex

b)

specifici cand vor aparea item-urile flex

c)

specifici in ce directie vor aparea item-urile flex

d)

niciunul dintre raspunsurile de mai sus

3.

Cum putem alinia toate item-urile orizontal in mijlocul unui container flexbox (justify-content)?

a)

flex-end

b)

space-around

c)

center

d)

space-between

4.

Cum putem alinia toate item-urile vertical in partea de jos a unui container flexbox (align-items)?

a)

flex-end

b)

space-around

c)

center

d)

space-between

5.

Care dintre urmatoarele valori NU este una corecta pentru flex-wrap?

a)

nowrap

b)

wrap

c)

reverse-wrap

d)

wrap-reverse

6.

Ce tip de selector poate fi pus pt. a actiona pe mai multe elemente HTML (indiferent de tipuri si atribute)?

a)

group

b)

class

c)

all

d)

id

e)

hash-sign (#)

7.

In grid-system-ul BootStrap-ului care sunt prefixele claselor folosite pt. a determina dimensiunea coloanelor in functie de dimensiunea display-ului device-ului?

a)

.col-xs- , .col-sm- , .col-lg- , .col-xl-

b)

.col-xs- , .col-sm- , .col-md- , .col-lg- , .col-xl-

c)

.col- , .col-sm- , .col-md- , .col-lg- , .col-xl-

d)

.col-md- , .col-lg- , .col-xl-

e)

.col- , .col-sm- , .col-lg , .col-xl-

8.

Partea dinamica a Bootstrap-ului functioneaza cu:

a)

JavaScript ES3

b)

Ajax

c)

NodeJS

d)

Ajax

e)

jQuery

9.

Care din urmatoarele secvente de cod centreaza elementul copil al unui div cu clasa .flex-container?

a)

.flex-container { display: flex; align-items: center; justify-content: center; }

b)

.flex-container { display: flex; align-items: flex-start; justify-content: space-between; }

c)

.flex-container { display: flex; text-align: baseline; justify-content: auto; }

d)

.flex-container { display: flex; align-items: flex-end; justify-content: space-around; }

10.

Care este numarul maxim de coloane dintr-un rand pe care il permite Grid-ul din Bootstrap?

a)

6

b)

4

c)

12

d)

16

11.

Bootstrap a fost creat de:

a)

James Gosling

b)

Rihanna

c)

Twitter (Mark Otto and Jacob Thornton)

d)

Who cares?!?

12.

Pentru a folosi Flexbox se defineste un container. Cum putem face asta in CSS?

a)

position:absolute;

b)

display:flex;

c)

float:left;

d)

display:block;

13.

Ce proprietate CSS folosim pentru a utiliza flexbox?

a)

position

b)

box-sizing

c)

content

d)

display

14.

Ce proprietate aliniaza elementele vertical in flexbox?

a)

justify-content

b)

align-items

c)

align-content

d)

flex-direction

15.

Daca vrem sa avem 3 coloane egale in Bootstrap, ce clase vom folosi?

a)

.col-md-3

b)

.col-md-4

c)

.col-md-7

d)

.col-md-12