LU13.A01 - Bootstrap
Ergänzen Sie den HTML-Code um die benötigen Bootstrap-Klassen. Das Aussehen und Verhalten soll identisch zur Musterlösung unter https://templates-html.github.io/M293_LU13_A01_Bootstrap/ sein.
Sie erhalten ein Projekt mit 3 vollständigen HTML-Dateien:
- index.html
- marks.html
- form.html
Vorgehen
- Öffnen Sie die Home-Seite (
index.html) der Musterlösung in einem Webbrowser. - Beachten Sie die Darstellung (Farben, Schriften, …) der verschiedenen Elemente.
- Probieren Sie unterschiedliche Fensterbreiten aus und beobachten Sie das Layout der Elemente.
- Ergänzen Sie in Ihrem Repository die benötigten Bootstrap-Klassen, um das identische Verhalten zu erreichen.
- Kümmern Sie sich um ein Element nach dem anderen. Zum Beispiel könnten Sie zuerst die Navigation anpassen, danach die Artikel, …
- Weniger ist mehr: Vermeiden Sie unnötig viele Klassen, die unter Umständen gar keinen Einfluss haben. Versuchen Sie das gewünschte Verhalten mit so wenig Klassen wie möglich zu erreichen.
Kevin Maurizi, Marcel Suter