Cards

Simple Image Card

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

Go somewhere
Card with list group

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

  • An item
  • A second item
  • A third item
Card with teal overlay

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

Cards

Featured with text-green class
Card with header and text-red class

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

Go somewhere
Special title treatment

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

Go somewhere
Featured
Card with header and footer centered

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

Go somewhere
Special title treatment

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

Go somewhere
Special title treatment

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

Go somewhere
Special title treatment

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

Go somewhere

Card Group

...
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 title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

Card Group with footer

...
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 title

This card has supporting text below as a natural lead-in to additional content.

...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Cards with Background Colors

Header
Primary card title

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

Header
Secondary card title

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

Header
Success card title

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

Header
Danger card title

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

Header
Warning card title

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

Header
Info card title

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

Header
Light card title

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

Header
Dark card title

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

Header
Blue card title

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

Header
Indigo card title

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

Header
Purple card title

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

Header
Pink card title

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

Header
Red card title

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

Header
Orange card title

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

Header
Yellow card title

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

Header
Green card title

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

Header
Teal card title

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

Header
Cyan card title

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

Header
White card title

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

Header
Gray card title

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

Header
Dark Gray card title

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

Header
Light card title

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

Header
Dark card title

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

Cards with Border Colors

Header
Primary card title

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

Header
Secondary card title

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

Header
Success card title

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

Header
Danger card title

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

Header
Warning card title

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

Header
Info card title

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

Header
Light card title

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

Header
Dark card title

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

Header
Blue card title

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

Header
Indigo card title

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

Header
Purple card title

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

Header
Pink card title

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

Header
Red card title

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

Header
Orange card title

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

Header
Yellow card title

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

Header
Green card title

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

Header
Teal card title

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

Header
Cyan card title

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

Header
White card title

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

Header
Gray card title

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

Header
Dark Gray card title

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

Header
Light card title

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

Header
Dark card title

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