Previous Next

Bootstrap class	Wat doet het	Moeilijk?
.container-fluid	Deze class maakt van een element een container met volledige breedte. De class voegt ook alvast wat padding/margin toe.	Nee!!
.ms-3	Deze class zorgt ervoor dat er aan de linkerkant (ook wel de start) van een element een leegruimte (margin) vrijgehouden wordt. Waarden ms-1 t/m ms-5.	Nee!!
.p-3	Deze class zorgt ervoor dat er aan alle kanten binnen het element een leegruimte ( padding ) vrijgehouden wordt. Waarden p-1 t/m p-5.	Nee!!
.active	Voegd een grijze achtergrond kleur toe aan de tabel row (<[tr]> of table cell () (zelfde kleur gebruikt als hover)	Ja!!

Situatie

Ik heb de opdracht gekregen om L1-1 Fronterend Programmeren, door te lezen en de opdracht " Bootstrap Project " te maken.

Taak

In deze opdracht is het de bedoeling dat je ik een ontwerp maakt met HTML en Bootstrap 5

Actie

De taak ging goed, ik heb de bestanden door gelezen over de bootstrap opdracht. Ik heb ook de fotos van de bootstrap opdracht gedownload en in een ander mapje gedaan zodat ik kon beginnen met mijn opdracht. Toen moest ik de website van bootstrap opzoeken om te beginnen met mijn website, ik heb toen de Bootstrap Carousel opgezocht. Toen heb ik de tekst geschreven en de table der ook inzetten met bootstrap. Ik had een probleem met de carousel zelf, het werkte niet goed in mijn code. Ik ben heb toen hulp gevraagd aan een docent. Ik werdt toen door de docent geholpen om mijn fout te verbeteren.

Resultaat

Het resultaat is goed gelukt, alle plaatjes werken goed en de tekst staat goed en netjes op de juiste plek. Ook werkt de kleuren verschil binnen in de table.

Reflectie

Ik was tevreden met hoe lang het duurde om de website helemaal te bouwen, ik was niet tevreden met de fouten die zijn gemaakt. Al de fouten waren heel makkelijk te verkomen als ik meer had opgelet had in de lessen.