# Card

## Card with Image

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. Read bootstrap documentaion for More Details

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Card Link

##### Card Title

Sub-heading text

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Card Link

## Text Alignment

You can quickly change the text alignment of any card—in its entirety or specific parts—with our text align classes. Read bootstrap documentaion for more details.

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere

## Card with image overlay

Turn an image into a card background and overlay your card’s text. Depending on the image, you may or may not need additional styles or utilities. Read bootstrap documentaion for more details.

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Last update 2 mins ago

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Last update 2 mins ago

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Last update 2 mins ago

## Card with Deck

Need a set of equal width and height cards that aren’t attached to one another? Use card decks. Read bootstrap documentaion for More Details

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

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

## Using utilities

Use our handful of available sizing utilities to quickly set a card’s width. Read bootstrap documentaion for more details.

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Go somewhere

##### Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

Go somewhere

## Cards Groups

Use card groups to render cards as a single, attached element with equal width and height columns. Card groups use display: flex; to achieve their uniform sizing. Read bootstrap documentaion for more details.

##### 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

## Background and color

Use text and background utilities to change the appearance of a card. Read bootstrap documentaion for more details.

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.