====== LU13.A01 - Bootstrap ======
<WRAP center round todo 60%>
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.
</WRAP>

**[[https://classroom.github.com/a/JpCDpmL-|GitHub Classroom Assignment]]**

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

<WRAP center round tip 60%>
  * 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.

</WRAP>

----
<details>
<summary>//=> GitHub Repo für externe Besucher//</summary>
GitHub Repository https://github.com/BZZ-M293/m293-lu13-a01-bootstrap

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

</details>

{{tag>m293-LU13}}
[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kevin Maurizi, Marcel Suter