Cards
Flexible and extensible content container with multiple variants and options.
Basic cards
| Code | Example |
|---|---|
card |
Image cards
| Code | Example |
|---|---|
card-img-top |
Card titleSome quick example text to build on the card title and make up the bulk of the card's content. Card titleSome quick example text to build on the card title and make up the bulk of the card's content. |
Color cards
| Code | Example |
|---|---|
text-bg-primary |
Header
Primary card titleSome quick example text to build on the card title and make up the bulk of the card's content. Header
Secondary card titleSome quick example text to build on the card title and make up the bulk of the card's content. Header
Success card titleSome quick example text to build on the card title and make up the bulk of the card's content. Header
Dark card titleSome quick example text to build on the card title and make up the bulk of the card's content. Header
Light card titleSome quick example text to build on the card title and make up the bulk of the card's content. Header
Info card titleSome quick example text to build on the card title and make up the bulk of the card's content. |
Equal cards
| Code | Example |
|---|---|
card |
|
Featured cards
| Code | Example |
|---|---|
card-lift |
Lifting cardSome quick example text to build on the card title and make up the bulk of the card's content. Hover color cardSome quick example text to build on the card title and make up the bulk of the card's content. Plain cardSome quick example text to build on the card title and make up the bulk of the card's content. Scaled image cardSome quick example text to build on the card title and make up the bulk of the card's content. |