Card
Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.
Basic Example
This is an example of a basic card. Cards have no fixed width to start, so they’ll naturally fill the full width of its parent element. This is easily customized with our various sizing options.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere
Titles, Text, and Links
Card subtitle
Card titles are used by adding .card-titleto a <h*>tag. In the same way, links are added and placed next to each other by adding .card-linkto an <a>tag.
Subtitles are used by adding a .card-subtitleto a <h*>tag. If the .card-titleand the .card-subtitleitems are placed in a .card-bodyitem, the card title and subtitle are aligned nicely.
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereSpecial title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere
