3.6 navigatie i.c.m. js

17
HTML module 3 3.6 Bootstrap 3 Dropdowns

Transcript of 3.6 navigatie i.c.m. js

HTML module 3

3.6 Bootstrap 3Dropdowns

HTML module 33.6 Dropdowns

Dropdowns

HTML module 33.6 Dropdowns

Start

HTML module 33.6 Dropdowns

Class caret is hethoekje naast menu

Voor een dropdown menu moet er een ul in li geplaatst worden.

HTML module 33.6 Dropdowns

HTML module 33.6 Dropdowns

HTML module 33.6 Dropdowns

HTML module 33.6 Dropdowns

tab-pane voor style tabs.fade voor fade in.active in laat de tekst zien.Om het geheel moet de classtab-content staan.

HTML module 33.6 Dropdowns

HTML module 33.6 Dropdowns

De teksten hebben een class tab-pane en fade.Tevens een ID voor het linken naar.

HTML module 33.6 Dropdowns

Jquery code gebruiken voor terugplaatsen tekst naverversen.Onderaan de pagina.

HTML module 33.6 Dropdowns

Style toevoegen aan glyphicons

HTML module 33.6 Dropdowns

HTML module 33.6 Dropdowns

Start

HTML module 33.6 Dropdowns

Start

Voor meer uitleg check de filmpje van Lyndazoals op de volgende sheet weergegeven!

HTML module 3

Deze les is gebaseerd op:

3.6 Dropdowns

HTML module 3

Opdracht 3.6Maak de Challenge van de Lynda les 5. Javascript Effects.Pas dit daarna toe op een van de ‘websites die je tijdensdeze module hebt gemaakt.

Plaats het op jou eigen webomgeving en plaats de link In Natschool.

3.6 Dropdowns