wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Bootstrap és SCSS

Total questions: 14

Worksheet time: 14mins

Name
Class
Date
1.

Melyik bootstrap osztállyal tudunk hátteret állítani?

a)

bg-

b)
bg-style
c)
bg-image
d)
bg-color
2.

A grid rendszer hány egyenlő részre ossza a képernyőt? (col)

a)

18

b)

10

c)

16

d)

12

3.

A bootstrap beépített színein kívül tudunk más színeket is használni?

a)

Nem, egy bootstrap projekthoz nem tudunk más színeket hozzáadni

b)

Igen, akármilyen színt használhatunk a CSS segítségével

c)

Nem, mert a CSS fájlt felülírja minden esetben a bootstrap

d)

Igen, az "text-" osztály után bármilyen színt meg tudok adni, pl text-#1a3ed7

4.

Hogyan hozunk létre SCSS listát?

a)

@list: {valueA, valueB, valueC};

b)

@list: (elementX, elementY, elementZ);

c)

$list: (value1, value2, value3);

d)

$list: {item1, item2, item3};

5.

Melyik matematikai beépített függvénnyel keressünk meg SCSS-ben a listánk legnagyobb értékű elemét?

a)

math.largest()

b)

math.min()

c)

math.top()

d)

math.max()

6.

Ebben az esetben, amikor az i változónk 4-es értéket kapja, a padding tulajdonságunknak mi lesz az értéke?

a)

4

b)

6

c)

Hibát ír ki, nem lesz értéke

d)

8

7.

Tudunk e SCSS-ben függvényt létrehozni?

a)

Igen, akár külön fájlban is tudjuk tárolni, majd importálni

b)

Nem, csak Javascript-ben tudunk függvényt létrehozni

c)

Tudunk, de kell hozzá egy speciális parancs, amit a terminálba kell beírni

d)

Nem, de tudunk Javascript-et importálni a fájlunkba

8.

Bootstrap breakpoint extra large elemét hogyan írjuk be egy class-ba?

a)

col-lg

b)

col-xlg

c)

col-xl

d)

col-xxl

9.

Mely elemek kellenek ahhoz, hogy oldalunk reszponzív legyen és col-okra legyen szétosztva?

a)

.row

b)

.container

c)

.d-flex

d)

.column

10.

Pl. egy navbar-on belül melyik class-al tudunk inaktiválni egy elemet?

a)

inactive

b)

disabled

c)

blocked

d)

non-active

11.

A CSS-ben ismert "margin: 0 auto;" középre igazítást, bootstrap melyik osztályával tudjuk végbevinni?

(a)  

12.

Padding-et a bootstrap használatával hogyan állítunk be?

a)

p-3

b)

pad-2

c)
padding-5
d)
p-10
13.

Melyik bootstrap osztállyal tudunk piros betűszínt beállítani?

a)
text-primary
b)
text-red
c)
text-danger
d)
text-warning
14.

A w (width) class-nak milyen paramétereket tudunk adni?

a)

25

b)

50

c)

75

d)

100

e)

auto