NEW
Font size
WorksheetsWebsite met Bootstrap
Total questions: 20
Worksheet time: 5mins
Waar of niet waar: als je gebruik maakt van Bootstrap framework en CSS, kan je niet met eigen CSS werken.
Waar
Niet waar
Alleen via externe css file
Kan alleen als je onderdelen wilt stijlen die Bootstrap niet kent.
Wat is het kleinste device waarbij de kolommen naast elkaar getoond worden?
Desktop
Laptop
Tablet
Smart Phone
Wat is het grootste device waarbij Kolom1 en Kolom2 nog onder elkaar getoond worden?
Desktop
Laptop
Tablet
Smart Phone
Wat is er fout aan de volgende code?
<div class="container">
<div class="row">
<div class="col-9-md">Kolom 1</div>
<div class="col-3-md">Kolom 2</div>
</div>
</div>
The class naam voor de container is niet correct.
De afsluitende div tag voor de row class mist.
De afsluitende div tag voor de container class mist.
The class namen voor de kolommen zijn niet correct.
Hoe noem je deze component?
Block
Spinner
Progress
Loading
Hoe heet deze component?
Pagination
Progress
Tabs
Navigation
Hoe heet deze component?
Button
Pagination
Tabs
Button group
Hoe heet deze component?
Navigation
Breadcrumbs
Path
Modal
Je wilt een rij voor 3/4 door laten lopen. Welke code is juist om dit uit te werken?
<div class="row-9">
<div class=col-9>
<div class="9">
Dit is allemaal fout
Je wilt de Bootstrap css file linken/toevoegen aan je webpagina via de <link> tag. Waar doe je dat?
Binnen de <head></head>
Vlak na de <body>
Vlak voor de </body>
Dat kan niet via de <link> tag.
Je wilt de Bootstrap .js file linken/toevoegen aan je webpagina via de <link> tag. Waar doe je dat?
Binnen de <head></head>
Vlak na de <body>
Vlak voor de </body>
Dat kan niet via de <link> tag.
Je wilt deze layout in Bootstrap namaken. Je wilt eerst aantal rijen aanmaken via <div class="row"></div> - Hoe vaak?
2
3
4
5
Om gebruik te kunnen maken van Bootstrap CSS
Wat doet een "rij" in het Bootstrap-raster?
Het organiseert rijen binnen 12 kolommen
Het zorgt er voor dat tekst netjes wordt uitgelijnd
Om de breedte van elke kolom op de pagina te bepalen.
Om de breedte van elke rij op de pagina te bepalen.
Om het mogelijk te maken componenten te plaatsen.
Om plaats te reserveren voor het gebruik van HTML.
<div class="row"><div class="col-4"></div></div>
<div class="row"><div class="col-4"></div></div>
<div class="row"><div class="col-4"></div></div>
<div class="row"><div class="col"></div><div class="col"></div><div class="col"></div></div>
<div class="row"><div class="col-6"></div><div class="col-2"></div></div>
<div class="container"><div class="col-3"></div></div>
Extra kolommen verplaatsen naar de volgende regel.
De kolommen vallen buiten het scherm.
De content binnen de extra kolommen wordt niet getoond.
Omdat rijen daardoor netjes onder elkaar getoond worden.
Dat hoeft eigenlijk helemaal niet.
Omdat kolommen anders geen content laten zien.
![Excel Básico [02]](https://cf.quizizz.com/image/image-loader.svg)
