Cards With Images

This is 3 column contents

Card title

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

Last updated 3 mins ago

Card title

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

Last updated 3 mins ago

Card title

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

Last updated 3 mins ago

Card title

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

Last updated 3 mins ago

Cards With Footer and Links

This is 3 column contents

Card title

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

Card title

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

Card title

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

Card title

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

Cards With Header, Footer and Links

This is 3 column contents

Card title
Card subtitle

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

Card title
Card subtitle

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

Card title
Card subtitle

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

Card title
Card subtitle

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

Cards Types

The building block of a card is the .card-body. Use it whenever you need a padded section within a card.

Card title
Card subtitle

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

Last updated 3 mins ago

Card link
Card title

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

Special title treatment

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

Go somewhere
Card Header
Special title treatment

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

Go somewhere
Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
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 with Navigation

Add some navigation to a card’s header (or block) with Bootstrap’s nav components

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 Styles with Border color

Add some navigation to a card’s header (or block) with Bootstrap’s nav components

Header
Primary card title

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

Go somewhere
Header
Secondary card title

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

Go somewhere
Header
Warning card title

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

Go somewhere
Header
Info card title

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

Go somewhere