Two Columns Special
Hintergrundbilder und vertikale Ausrichtung
Das u.a. Beispiel habe ich mit folgenden Einstellungen umgesetz:
- Die Seite hat keinen Container
- Im Container "Two-Columns" die Optionen "Horizontal gutters" und "Vertival gutters" auf "0" setzen.
- Jetzt muss die gewünscht Höhe für das Element angegeben werden (Flexform -> Settings).
- Danach erscheint das Selektfeld "Vertical Align for Content". Hier eine Auswahl treffen.
- Hintergrundbild laden und die Position (links oder rechts) auswählen.
- Unter "Bootstrap Color" die Hintergrund- und Textfarbe auswählen.
- Dann habe ich noch unter Flexform -> Extra Class (hier Column2) ein Padding (p-3 ps-5) für den Content angegeben.
Wenn der Textbereich weitere Content Elemente enthalten soll, dann sind diese in einem "Container" unterzubringen, damit die vertikale Ausrichtung weiterhin greift!
Hier das Ergebnis:
Content
Dieser Content kann (bei Bedarf) vertikal ausgerichtet werden.
Eine weitere Variante
"Tiling Cards"
Das u.a. Beispiel habe ich mit folgenden Einstellungen umgesetz:
- Die Seite hat keinen Container
- Im Container "Two-Columns" in der Flexform folgende Settings: "col-lg-6 col-md-12 col-12".
- In dem Container "Two-Columns" beliebig viele “Cards” einfügen.
- In den Cards die Auswahl “Tiling card with text and image” auswählen und speichern!
- Jetzt kann die Position für das Hintergrund-Bild ausgewählt werden.
- Unter "Bootstrap Color" die Hintergrund- und Textfarbe auswählen.
Card Title
Hallo. Ich bin ein kleiner Blindtext. Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein: Man ergibt keinen Sinn.
Card Title
Hallo. Ich bin ein kleiner Blindtext. Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein: Man ergibt keinen Sinn.
Card Title
Hallo. Ich bin ein kleiner Blindtext. Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein: Man ergibt keinen Sinn.
Card Title
Hallo. Ich bin ein kleiner Blindtext. Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein: Man ergibt keinen Sinn.