Lab 6 - Webpages with bootstrap

Goals of the exercise

• Begrijpen wat een CSS Framework is.
• Onderzoeken welke componenten het gekozen CSS Framework bevat.
• Begrijpen wat JavaScript doet zonder het zelf te moeten schrijven.
• Implementeren van een plug-and-play bibliotheek zoals baguetteBox.
• Aan de hand van documentatie een bibliotheek of framework kunnen gebruiken.
• Begrijpen wat functional CSS en OOCSS zijn en hoe ze werken.
• HERHALING: je kan op basis van een screenshot een correcte, semantische en gevalideerde HTML-pagina bouwen.

Description

In this exercise we learn to use Bootstrap, we do this by adding the bootstrap CSS and JS cdn in all html files in which you will use the bootstrap classes. With the cdn in place you start styling you site by adding the necessary classes to the html elements. after that you add the baguetteBox cdn and follow the provided steps to make it function correctly.

Related links

• de HTML-validator
• axe browser extension
• Normalize CSS
• Bootstrap docs
• baguetteBox Demo