Aus dem Kurs: Bootstrap 4: Ein erster Blick
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und nutzen Sie über 22.800 Kurse von Branchenfachleuten. Sie können diesen Kurs auch separat erwerben.
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)
-
-
-