Direkt zur Hauptnavigation springen Direkt zum Inhalt springen

Cards

Card Deck mit flip Effekt

Card neu
Card title

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

Card neu

Test 2

Card neu
Card title

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

Card neu

Test 2

Card neu
Card title

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

Card neu

Test 2

Titles, text, and links

Card title
Card subtitle

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

Card linkAnother link

Image

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

List groups

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

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 title

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

Card mit Hover Effekt

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 and footer

Add an optional header and/or footer within a card.

Featured
Special title treatment

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

Link-Button

Featured
Special title treatment

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

Link-Button

Featured

Special title treatment

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

Image overlays

Card title

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

Last updated 3 mins ago

Card layout

In addition to styling the content within cards, Bootstrap includes a few options for laying out series of cards. For the time being, these layout options are not yet responsive.

Card groups

Card neu
Card title

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

Card neu
Card title

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

Card neu
Card title

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

Card decks

Card neu
Card title

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

Card neu
Card title

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

Card neu
Card title

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

Card columns

Card title

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

Card title

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

Card title

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

Card title

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

Card title

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