WorksheetsHTML, CSS, Bootstrap quiz
Total questions: 20
Worksheet time: 10mins
A bootstrap.min.css elé vagy után kell linkelni a saját css fájlunkat?
A bootstrap.min.css elé.
A bootstrap.min.css után.
Hova célszerű behúzni HTML oldalaknál a bootstrap.min.js fájlt?
A HTML oldal <head> részébe.
A <title> utáni sorba.
A </body> előtti sorba.
A <body> után lévő sorba.
Mit jelent a reszponzivitás?
A weboldal különféle nézetekben, méretekben is jól olvasható.
A weboldal csak desktop méretben jelenik meg jól.
A weboldal stíluslapokat használ.
Külső stíluslapot használunk.
Melyik Bootstrap osztállyal állíthatjuk be egy tárolóelem tartalmát középre?
(a)
Hogyan állítunk be Bootstrap osztállyal belső felső margót 3-as eltartással?
(a)
Egy menüsort melyik szemantikai elemmel tudunk megjeleníteni?
<header>
<footer>
<nav>
navbar
Melyik Bootstrap osztállyal tudunk vízszintesen középre igazítani?
m-auto
mx-auto
px-auto
my-auto
A stíluslap típusú állományoknak mi a kiterjesztése?
Mit jelenít meg pontosan a következő emmet kód?
p>lorem150
Egy 150 betűből álló lorem ipsum szöveget tartalmazó bekezdést.
Egy lorem ipsum bekezdést.
Egy 150 szóból álló lorem ipsum szöveget tartalmazó bekezdést.
Egy lorem ipsum belső margót.
Melyik Bootstrap osztállyal tudunk beállítani 4-es betűméretet?
fs-4
f-4
ts-4
font-size-4
Melyik Bootstrap osztályt használhatjuk a gombok kis méretének beállításához?
btn-sm
btn-md
btn-lg
btn-xl
Hogyan hozhatunk létre reszponzív hamburger menüt megjelenítő navigációs sávot Bootstrap segítségével?
navbar-fixed-top osztály használatával
navbar-expand-lg osztály használatával
navbar-toggleable-md osztály használatával
navbar osztály használatával
Melyik Bootstrap osztály segíti a képek körkörös kivágását?
img-rounded
img-circle
rounded-circle
img-responsive
Hogyan hozhatunk létre egy modal ablakot Bootstrap-ben?
modal-dialog osztály használatával
modal-content osztály használatával
modal-header osztály használatával
modal-body osztály használatával
Melyik Bootstrap osztály tölti ki 100%-ban a tárolót?
container
row
col
container-fluid
Hogyan hozhatunk létre egy carousel-t Bootstrap-ben?
carousel-container osztály használatával
carousel-inner osztály használatával
carousel-item osztály használatával
carousel-slide osztály használatával
Melyik Bootstrap osztály segíti a betűtípusok testreszabását?
font-weight-bold
text-uppercase
text-italic
text-muted
Hogyan hozhatunk létre jól látható hátteret Bootstrap-ben (sötét háttér, világos betűszín)?
bg-prim osztály használatával
bg-dark osztály használatával
bg-light osztály használatával
bg-transparent osztály használatával
Melyik Bootstrap osztály nem segíti a táblázatok formázását?
table-responsivity
table-bordered
table-striped
table-hover
Hány oszloppal gazdálkodhatunk Bootstrap rácsszerkezetnél?
6
12
4
3
