Bilder Spezial Cards

Image Special Bootstrap Cards mit gleicher Höhe (equal high)

Variante 1

hier wird die Höhe durch die Menge des Textes bestimmt. Je mehr Text in einer Karte ist, desto höhe sind alle Karten. Wobei sich die Höhe immer an der höchsten Karte der Reihe orientiert.

Image Special Bootstrap Cards mit gleicher Höhe

Variante 2

Flip Card

Karte dreht sich bei Mouseover (Flip Card)

Bild: Audi A6 (Gnu's - Kalahari)

Audi A6

Audi A6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,consetetur sadipscing elitr,

Bild: Bildunterzeile (Schwangere Auster Berlin)

Bildunterzeile

Bildunterzeile

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,consetetur sadipscing elitr,

weiter lesen
  1. Image 1
  2. Image 2

Image Special Bootstrap Cards als Slider

Sicherlich macht es keinen Sinn, 3 Slider parallel nebeneinander zu platzieren, außer man möchte die Verwirrung für den Besucher perfektionieren.
Unterhalb sind nun drei Bootstrap-Cards zu sehen in denen jeweils ein Bootstrap Slider läuft.
Der Slide bezieht sich hierbei auf Bild samt Text

Image Special - BS-Slider als Card

Slide Effekt Fade

Image Special - BS-Slider als Card

Slide Effekt vertical

Image Special - BS-Slider als Card

Slide Effekt horizontal

H1 - Beispielüberschrift

Ein kurzer Text um den Farbkontrast zu test