• Card

  • Advanced Components
  • Card

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

HomeProfileSetting

Write something here

Input Text

Write something here

Card Header

View AllDelete All

Write something here

Dropdown Button

View All
Options
ViewEdit
Delete

Write something here

Input Button

Write something here

FunctionZivi Card

You can provide functionZivi 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

Setting Panel
Select Layout
Sidebar Color
Color Theme
Restore Default