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

Stijlen breadcrumbs

HTML module 33.5 navigatie

Standaard stijl in bootstrap.css

Stijlen in custom.cssgekoppeld onderbootstrap.min.css

HTML module 33.5 navigatie

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