Bedrock + Bootstrap 4

Card

Card

#
Card image cap
Card title

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

Go somewhere

Card body only

#
This is some text within a card body.

Image card

#
Card image cap

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

Card list group

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

Card list group header

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

Card kitchen sink

#
Card image cap
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 header

#

Featured

Special title treatment

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

Go somewhere

Card header tabs

#
Special title treatment

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

Go somewhere

Card header nav pills

#
Special title treatment

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

Go somewhere

Card group

#
Card image cap
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 image cap
Card title

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

Last updated 3 mins ago

Card image cap
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 columns

#
Card image cap
Card title that wraps to a new line

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

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

Someone famous in Source Title
Card image cap
Card title

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

Last updated 3 mins ago

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

Someone famous in Source Title
Card title

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

Last updated 3 mins ago

Card image

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

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

Prototype navigation

Press Ctrl + M to toggle this navigation or click here.