wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Bootstrap osztályok

Total questions: 12

Worksheet time: 6mins

Name
Class
Date
1.

Melyik Bootstrap osztály használatával lesz a képünk reszponzív?

a)

img-circle

b)

img-fluid

c)

img-rounded

d)

img-resp

2.

Milyen lesz a bekezdésünk?
<p class="font-italic text-success">Bekezdés szövege</p>

a)

félkövér és a betűk színe piros

b)

dőlt és a háttérszín zöld

c)

dőlt és a betűk színe zöld

d)

félkövér és a háttérszín piros

3.

Milyen lesz az alcímünk?
<h2 class="font-uppercase bg-danger">Alcím szövege</h2>

a)

félkövér és a betűk színe piros

b)

nagybetűs és a háttérszín piros

c)

nagybetűs és a betűk színe zöld

d)

félkövér és a háttérszín zöld

4.

Milyen lesz a bekezdésünk?
<p class="font-weight-bold text-white">Bekezdés szövege</p>

a)

félkövér és a betűk színe fehér

b)

dőlt és a háttérszín zöld

c)

dőlt és a betűk színe zöld

d)

félkövér és a háttérszín fehér

5.

Milyen lesz a bekezdésünk?
<p class="text-light bg-dark">Bekezdés szövege</p>

a)

a betűk színe sötét, a háttérszín világos

b)

a betűk színe, és a háttérszín is világos

c)

a betűk színe, és a háttérszín is sötét

d)

a betűk színe világos, a háttérszín sötét

6.

Milyen lesz az alcím körüli szegély?
<h2 class="border-top border-danger">Alcím szövege</h2>

a)

alul 5px vastag, zöld színű szegély

b)

felül 1px vastag, piros színű szegély

c)

felül 1px vastag, zöld színű szegély

d)

alul 5px vastag, piros színű szegély

7.

Milyen lesz az alcím körüli szegély?
<h2 class="border rounded-top">Alcím szövege</h2>

a)

körbe szegély, mind a négy sarok lekerekítve

b)

körbe szegély, az alsó sarkok lekerekítve

c)

körbe szegély, a felső sarkok lekerekítve

d)

körbe szegély, a jobb oldali sarkok lekerekítve

8.

Milyen lesz a bekezdésünk?
<div><p class="w-75 p-5">Bekezdés szövege</p></div>

a)

a div szélességének 3/4-ed részét foglalja el, és a legkisebb, azaz 0.25rem-es lesz a külső margó

b)

a div magasságának 3/4-ed részét foglalja el, és a legkisebb, azaz 0.25rem-es lesz a belső margó

c)

a div magasságának 3/4-ed részét foglalja el, és a legnagyobb, azaz 3rem-es lesz a külső margó

d)

a div szélességének 3/4-ed részét foglalja el, és a legnagyobb, azaz 3rem-es lesz a belső margó

9.

Milyen lesz a bekezdésünk?
<div><p class="h-50 p-5">Bekezdés szövege</p></div>

a)

a div szélességének 3/4-ed részét foglalja el, és a legkisebb, azaz 0.25rem-es lesz a külső margó

b)

a div magasságának felét foglalja el, és a legkisebb, azaz 0.25rem-es lesz a belső margó

c)

a div magasságának felét foglalja el, és a legnagyobb, azaz 3rem-es lesz a belső margó

d)

a div szélességének 3/4-ed részét foglalja el, és a legnagyobb, azaz 3rem-es lesz a külső margó

10.

Hol, és milyen margó lesz a bekezdés körül?
<div><p class="mt-5">Bekezdés szövege</p></div>

a)

a legnagyobb, azaz 3rem-es belső margó a bekezdés alatt

b)

a legkisebb, azaz 0.25rem-es belső margó a bekezdés felett

c)

a legnagyobb, azaz 3rem-es külső margó a bekezdés felett

d)

a legnagyobb, azaz 3rem-es külső margó a bekezdés alatt

11.

Hol, és milyen margó lesz a bekezdés körül?
<div><p class="my-5">Bekezdés szövege</p></div>

a)

a legnagyobb, azaz 3rem-es belső margó a bekezdés jobb és bal oldalán

b)

a legkisebb, azaz 0.25rem-es külső margó a bekezdés alatt és felett

c)

a legnagyobb, azaz 3rem-es külső margó a bekezdés jobb és bal oldalán

d)

a legnagyobb, azaz 3rem-es külső margó a bekezdés alatt és felett

12.

Milyen osztályt kapjon még meg a bekezdésünk, ha azt szeretnénk, hogy középre kerüljön?
<div><p class="w-75">Bekezdés szövege</p></div>

a)

py-auto

b)

my-auto

c)

mx-auto

d)

px-auto