LU13.A02 - Website mit Bootstrap anpassen

In der LU08 haben Sie eine Zusammenfassung über das Modul erstellt. Fügen Sie diesem Projekt nun Bootstrap hinzu und weisen Sie entsprechende Klassen zu.

Richten Sie ihr Augenmerk vorallem auf folgende Bausteine:

  • Formular
  • Navigation
  • Spalten –> responsive Design

Vorgehen

  1. Öffnen Sie ihr Projekt LU08.A01
  2. Importieren Sie Bootstrap
  3. Passen Sie die Website an, damit Sie:
    1. Responsive ist
    2. Das Formular mit Bootstrap gestyled ist
    3. Die Navigation als Navbar über die ganze Seite geht
  • Kümmern Sie sich um ein Element nach dem anderen. Zum Beispiel könnten Sie zuerst die Navigation anpassen, danach das Formular, …
  • 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