Labo 06 – Bootstrap
Doelstellingen
- Begrijpen wat een CSS Framework is.
- Onderzoeken welke componenten het gekozen CSS Framework bevat.
- Begrijpen wat JavaScript doet zonder het zelf te moeten schrijven.
- Implementeren van een plug-and-play bibliotheek zoals baguetteBox.
- Aan de hand van documentatie een bibliotheek of framework kunnen gebruiken.
- Begrijpen wat functional CSS en OOCSS zijn en hoe ze werken.
- Je kan op basis van een screenshot een correcte, semantische en gevalideerde HTML‑pagina bouwen.
Omschrijving
Dit labo draait om het nabouwen van een volledig responsieve website met Bootstrap op basis van aangeleverde screenshots. Je implementeert een navigatiebalk, hero‑sectie, adoptie‑cards, een baguetteBox‑galerij en een Bootstrap‑carousel, telkens volgens de documentatie. Tot slot werk je alles af met een nette, gecentreerde footer zodat de site functioneel én visueel klopt.
Reflectie
Wat ging goed?
- Navigatie, basis template gevonden op bootstrap en zo aangepast
- Cards, ook basis template gevonden en aangepast
- Carousel, hiervan ook een basis template gevonden op bootstrap en aangepast
Wat was moeilijk?
- Hero implementeren
- Tablet view bij de cards heb ik lang aan gezeten om 2 rows te hebben en de onderste card over de volledige breedte te laten beschikken
Twijfels
- BaguetteBox had ik enkele problemen mee maar ik heb het uiteindelijk gevonden in de documentatie van de github