Basics
| Code | Example |
|---|---|
card |
Images
| Code | Example |
|---|---|
card-img-top |
Card titleSome example text to build on the card title and make up the bulk of the content. Card titleSome example text to build on the card title and make up the bulk of the content.
|
Colors
| Code | Example |
|---|---|
text-bg-primary |
Header
Primary card titleSome example text to build on the card title and make up the bulk of the content. Header
Secondary card titleSome example text to build on the card title and make up the bulk of the content. Header
Success card titleSome example text to build on the card title and make up the bulk of the card's content. Header
Dark card titleSome example text to build on the card title and make up the bulk of the card's content. Header
Light card titleSome example text to build on the card title and make up the bulk of the card's content. Header
Info card titleSome example text to build on the card title and make up the bulk of the card's content. |
Equal
| Code | Example |
|---|---|
card |
|
Hover effects
| Code | Example |
|---|---|
card-lift |
Lifted cardSome example text to build on the card title and make up the bulk of the content.
Lifted plain cardSome example text to build on the card title and make up the bulk of the content.
Colored background cardSome example text to build on the card title and make up the bulk of the content.
Scaled image cardSome example text to build on the card title and make up the bulk of the content. |