Fadmin

Nam libero tempore, cum soluta nobis

Basic Card

By default, all the .card does is apply some basic border and padding to contain some content.

Basic card example

Card with footer

Wrap buttons or secondary text in .card-footer. Note that card footers do not inherit colors and borders when using contextual variations as they are not meant to be in the foreground.

Card content

Card with header Card

For proper link coloring, be sure to place links in header within .card-title.

card header without title
Card content

card title

Card content

Contextual alternatives Card

Like other components, easily make a card more meaningful to a particular context by adding any of the contextual state classes.

Card header without title
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Card header without title
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Card header without title
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Card header without title
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Card header without title
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.