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