Aus dem Kurs: Bootstrap 4: Ein erster Blick
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Bilder positionieren
Aus dem Kurs: Bootstrap 4: Ein erster Blick
Bilder positionieren
Bootstrap bietet Hilfsklassen, um Bilder positionieren zu können. Das hat den Vorteil, dass ich textlastige Seiten mit Bildern aufpeppen kann und ich möchte das hier an diesem Textbeispiel ganz gerne zeigen. Ich habe hier meinen Container, der bis jetzt nur mit Text versehen ist, und möchte jetzt zum Beispiel hier herum rechts vom Text ein Bild floaten lassen. Dazu brauche ich zuerst mal ein Bild, und dazu wähle ich einen Satz in meinem Bilderordner. Da hätte ich so ein kleines. Dann braucht mein Bild eine eigene Klasse, und diese Klassen zum Positionieren von den Bildern folgen durchaus einem gängigen Muster, nämlich ich kann sagen pull, dann beschließe ich, ab welchem Viewport, also ab welchem Breakpoint, noch ein deutsches Wort, also ab welchem Umschaltpunkt dieser Effekt eintreten sollen. Wenn ich ihn für alle möglichen Zustände haben möchte, wähle ich einfach den kleinsten, nämlich xsmall. Und dann muss ich noch sagen, wohin ich möchte. Ich möchte ein Bild hier auf jeden Fall auf…
Ü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.
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.