Card image & groups

The Right Way - Admin Template

Image overlay

Use card-img-overlay to use image as background for card.

Card image

Title goes here

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

Go somewhere
Card image

Title goes here

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

Go somewhere

Card with image

Use card-img-top container, to place card image on top.

Card image cap

Card with image

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

Card link Another link
Card image cap

Card with image

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

Card link Another link
Card image cap

Card with image

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

Card link Another link

Bottom image placement

Use card-img-bottom to set bottom image placement.

Card with image

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 with image

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 with image

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 group

Wrap cards into card-group to get group of cards.

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.

Card image cap

Card title

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

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.

Card deck

Wrap cards into card-deck to get separated group of cards.

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.

Card image cap

Card title

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

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.

Template settings
Information

Use this panel to configure template settings and layout options.

Layout option
Backgrounds
Header options
Container
Navigation options
Sidepanel options
Content options