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://bzz-m293.github.io/m293-lu13-a01-bootstrap/ sein.

Sie erhalten ein Projekt mit 3 vollständigen HTML-Dateien:

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.

⇒ GitHub Repo für externe Besucher

Lernende am BZZ müssen den Link zum GitHub Classroom Assignment verwenden

Kevin Maurizi, Marcel Suter