Cards

Bootstrap-Cards bieten einen flexiblen und erweiterbaren Content-Container mit mehreren Varianten und Optionen.

Es enthält Optionen für Kopf- und Fußzeilen, eine Vielzahl von Inhalten, kontextbezogene Hintergrundfarben und leistungsstarke Anzeigeoptionen.

Cards ersetzt die alten Panels, Wells und Thumbnails aus Bootstrap 3. Ähnliche Funktionalitäten zu diesen Komponenten sind als Modifikationsklassen für Cards verfügbar.

Hier einige Beispiele, die ich mit dem Inhaltselement "BS Card" umgesetzt habe.

Unter "Content" kann der Header, Bodytext, Listengruppen, Bodytext und der Footer eingegeben werden. Das Bild wird unter "Medien" geladen und die Einstellungen können unter "Erscheinungsbild" angepasst werden.

image-242
Slide 1

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

image-243
Slide 2

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

image-244
Slide 3

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

image-245
Slide 4

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.