Card

Dashboard
Bootstrap Components
Card

Cards

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

Card Title

This is some text within a card body.
Footer Card

Card Action Button

This is some text within a card body.

Card Title

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

Card link Another link

Footer bg-whitesmoke

This is some text within a card body.
Footer Card

Card Variants

Basically, the Bootstrap card can be given a color variant.

Card Header

Card .card-primary

Card Header

Card .card-secondary

Card Header

Card .card-danger

Card Header

Card .card-warning

Card Header

Card .card-info

Card Header

Card .card-success

Card Header

Card .card-light

Card Header

Card .card-dark

Card Button & Input

Also, you can give a button or input on the card header.

Card Header

View All

Write something here

Button Group

Home Profile Setting

Write something here

Input Text

Write something here

Card Header

View All Delete All

Write something here

Dropdown Button

View All
Options
View Edit
Delete

Write something here

Input Button

Write something here

Functionality Card

You can provide functionality on the card.

Show/Hide

You can show or hide this card.
Card Footer

My Picture

View All
Click the picture below to see the magic!
image

Dismiss

You can dimiss this card.
Card Footer

Login

Click login to change the card to progress mode.

Create new Account?

Sortable Card

Other cool cards, this one can be sorted.

Card Header

Card .card-primary

Card Header

Card .card-secondary

Card Header

Card .card-danger

Card Header

Card .card-warning