Im Gegensatz zum Standard-Inhaltselement „Text & Medien“ bietet das Media Object eine vertikale Ausrichtung.
Leider bietet Bootstrap keine responsive Lösung für das Media Object!
Beispiele
Media Object
Abstrakte Stile für Objekte, mit denen du verschiedene Komponenten (wie Blog-Kommentare, Tweets, usw.) erstellen kannst, die ein links oder rechts ausgerichtetes Bild neben Text-Inhalt enthalten.
Icon anstatt Bild
Über die Option “Icon statt Bild” lässt sich anstelle eines Bildes ein Icon einbinden.
Hier mit Kontextfarbe und Deckkraft (opacity).
Icon anstatt Bild
Über die Option “Icon statt Bild” lässt sich anstelle eines Bildes ein Icon einbinden.
Hier ohne Kontextfarbe und ohne Deckkraft (opacity).
Responsive Alternativen
Text & Media
Unter “Gallery Settings” → Position and Alignment [imageorient] Beside Text, Left (alig-itms-center) auswählen
Horizontal Card
Durch die Kombination von Raster- und Utility-Klassen können Karten auf mobilefreundliche und responsive Weise vertikal ausgerichtet werden.
Infos:
https://getbootstrap.com/docs/5.3/utilities/flex/#media-object