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.

IMG_0338

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link
IMG_0362
Description right

Some quick example text to build on the card title and make up the bulk of the card's content.

IMG_0339

Some quick example text to build on the card title and make up the bulk of the card's content.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros
Card link

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.

Card Content
Card List items
Card / Medien
Card / Erscheinungsbild
Featured

With supporting text below as a natural lead-in to additional content.

Go somewhere
Featured

With supporting text below as a natural lead-in to additional content.

Go somewhere
2 days ago
IMG_0233

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Header

Some quick example text to build on the card title and make up the bulk of the card's content.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros
Header

Some quick example text to build on the card title and make up the bulk of the card's content.

This is some text within a card block.