Bootstrap osztályok

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

• img-circle

• img-fluid

• img-rounded

• img-resp

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 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ó

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

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

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

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

• 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ó

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

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

• 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ó

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

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

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

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

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