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 minstens één input in het eerste deel van je formulier.flex om de inhoud van het tweede fieldset onder elkaar te zetten (vertical direction). Voeg een extra div-blok toe Verwijder eventueel de opties mb.. en p.. die extra margin, border of padding toevoegen.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.
d-flex werkt (wel verplicht!).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.