- Advanced examples
- Blog Cards PRO
- Rover raised $65 million for pet sitting
- Profile Cards PRO
- Full background Cards PRO
- Pricing card PRO
- $499 / year
- List group PRO
- Card title
- Image PRO
- Blockquote PRO
- Overlay PRO
- Bootstrap Panel
- Bootstrap 4 Panel changes
- Bootstrap Background Image
Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.
Cards support a wide variety of content, including images, text, list groups, links, and more. Below are examples of what’s supported.
In addition to styling the content within cards, Bootstrap includes a few options for laying out series of cards. For the time being, these layout options are not yet responsive.
Card groups PRO
Need a set of equal width and height cards that aren’t attached to one another? Use card decks.
Blog Cards PRO
Profile Cards PRO
The connections you make at Web Summit are unparalleled, we met users all over the world.
Full background Cards PRO
Pricing card PRO
Free access for 200 members
$499 / yearBuy now
List group PRO
In Bootstrap 4, panels are dropped entirely for the new card component and are created with the
.card class, and content inside the panel has a
Bootstrap 4 Panel changes
.card, now built with flexbox.
.panel-defaultremoved and no replacement.
.panel-groupremoved and no replacement.
.card-groupis not a replacement, it is different.
.card-title. Depending on the desired look, you may also want to use heading elements or classes (e.g.
.h3) or bold elements or classes (e.g.
.font-weight-bold). Note that
.card-title, while similarly named, produces a different look than
.panel-dangerhave been dropped for
.borderutilities generated from our