Dit wordt enkel toegepast in het bestand aankoopformulier.html
Nu kan je profijt halen uit Bootstrap, door in de HTML-bestanden de juiste CSS-klassen van Bootstrap toe te voegen aan de reeds bestaande HTML-tags, of aan nieuwe tags. Voor de volgende opdrachten verwijzen we telkens naar de documentatie van Bootstrap. We geven je soms de zoekwoorden mee die je intikt linksboven in de site van Bootstrap. Op die manier leer je online documentatie raadplegen. Het kan zijn dat je eens wat meer tekst tegenkomt dan je nodig hebt, ook dat hoort bij het leren zoeken. Je mag geen eigen klasse of id toevoegen voor deze opgaven. Je moet alle opgaven uitwerken met de CSS-klassen van Bootstrap. Er zijn enkel aanpassingen nodig in de html -code.!
navs en lees de eerste paragraaf over base navs van deze pagina. Gebruik de klassen nav en nav-link om het navigatiemenu een opmaak te geven.form-control en voeg dit toe bij al de inputs van het eerste deel van je formulier.flex om de inhoud van het tweede fieldset onder elkaar te zetten.form-check om de layout van je checkboxes te verbeteren.border om op te zoeken hoe je een border toevoegt. Kies voor de primary border voor het formulier en voeg een success border met afgeronde hoeken toe aan de submit-image-knop.
TIP: indien de reset- en submit knop niet op dezelfde hoogte lijken te staan, kan je dit oplossen door op te zoeken hoe d-flex werkt.Ondertussen is jouw CSS-bestand aangepast. Valideer het opnieuw. Staan er fouten die te maken hebben met het Bootstrap-framework? Controleer of je verwijst naar het online-bestand bootstrap.min.css.