Cards
Flexible and extensible content container.
No image
Card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereAlternative card style
Card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereCard title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereHover effect
Card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereCard title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereCard title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereCard title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereImage top / bottom
Card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereCard title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhere
Horizontal layout
Card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereCard title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhere
Header and footer
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereText alignment
Navigation: Tabs
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereNavigation: Alt tabs
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereNavigation: Pills
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereList group inside card
Card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
Card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Go somewhereCard styles: Solid background
Primary card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Secondary card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Success card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Danger card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Warning card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Info card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Dark card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Card styles: Faded background and color
Primary card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Success card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Danger card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Warning card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Info card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Dark card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Card styles: Border and color
Primary card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Success card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Danger card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Warning card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Info card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Dark card title
Some quick example text to build on the card title and make up the bulk of the card's content within card's body.
Layout: Card group
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Card title
This card has supporting text below as a natural lead-in to additional content.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.