HTML module 3
3.5 Bootstrap 3Navigatie
HTML module 33.5 navigatie
BreadcrumbsWaar ben je op de website ?
HTML module 33.5 navigatie
Voorbeeld breadcrumbs
Voor het gebruik van breadcrumbs is het verplicht eenOL te gebruiken. Dit bepaalt de volgorde .UL werkt niet!
HTML module 33.5 navigatie
Standaard stijl in bootstrap.css
Stijlen in custom.cssgekoppeld onderbootstrap.min.css
HTML module 33.5 navigatie
Navigations bars2 navigatie punten om te stijlen
HTML module 33.5 navigatie
Startsituatie
Basic navigationbar
HTML module 33.5 navigatie
Code geeft bovenstaandenavigatie.De class active geeft aan op welke paginaje bevindt.
HTML module 33.5 navigatie
Code geeft bovenstaandenavigatie. nav-tabs maakt de tabs.En nav-stacked zorgt dat het onderelkaar blijft staan.
HTML module 33.5 navigatie
Code geeft bovenstaandenavigatie. Nav-pills geeft maakt het blauw en nav-justified maakt de navigatie over de volle breedte
HTML module 33.5 navigatie
Deze les is gebaseerd op:
HTML module 3
Opdracht 3.5Maak een webpagina met een voorpagina over de opdrachtendie je tot nu toe bij deze module gemaakt hebt.
Plaat daarin op iedere pagina navigatie zoals geleerd indeze les.Op iedere pagina moet de navigatie er anders uitzien.
Let ook op het design van de voorpagina.
Zet het geheel op je eigen webomgeving en plaats de linkop natschool in de ruimte voor deze opdracht.
3.5 navigatie
