Aus dem Kurs: Bootstrap 4: Ein erster Blick
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Einen Header gestalten
Aus dem Kurs: Bootstrap 4: Ein erster Blick
Einen Header gestalten
Ich möchte nun dieser Seite hier einen header-Bereich spenden. Und um das umzusetzen, werde ich ebenfalls wieder mit einer leichten von der Verschachtelung arbeiten, und zwar werde ich ein Hintergrundbild mir suchen und werde dann in dieses Hintergrundbild diesen Überschriftenbereich einfügen. So sehen wir uns mal hier die HTML-Datei an. Die ist, was der Überschriftsbereich anbelangt, noch sehr, sehr übersichtlich. Hier habe ich gerade mal nur die Überschrift mit der Größe h1 und einen zentrierten Text, und hier wird es Zeit, dass ich jetzt ein header-Element einfüge und mein header-Element bekommt jetzt als erstes Mal eine Klasse bgimg, mit der ich arbeiten kann, und dann brauche ich natürlich trotzallem noch mal einen Container, weil mir der wieder helfen wird, alles passend zu positionieren. So, und in dieses schöne Konstrukt werde ich jetzt meine h1 einfügen. Strg+X zum Ausschneiden, Strg+V, um es wieder einzufügen. Und das heißt, meine ursprüngliche h1 ist jetzt von einem…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
(Gesperrt)
Wie das Raster funktioniert3 Min. 3 Sek.
-
(Gesperrt)
Container mit Inhalt3 Min. 2 Sek.
-
(Gesperrt)
Reihenweise Einträge2 Min. 10 Sek.
-
Inhalte in Spalten verpackt6 Min. 23 Sek.
-
(Gesperrt)
Vordefinierte Raster – Klassen und was sie so können5 Min. 38 Sek.
-
(Gesperrt)
Die Spalte in der Spalte6 Min. 26 Sek.
-
(Gesperrt)
Einen Header gestalten9 Min. 33 Sek.
-
(Gesperrt)
Die zugrunde liegenden Einstellungen in SASS6 Min. 43 Sek.
-
(Gesperrt)
-
-
-