Card group

Component
Name	Card group
Description	A card group adds cards as a single, attached element with equal width and height columns
Provider	Skin
Note	In a card group, the cards are attached without any space between them. They share a common border and appear as a single, joined element. Each card in a card group can have different heights, but they typically align at the top. This behavior differentiates it from a card deck.
Reference	getbootstrap.com - card groups

Examples:

• Card group example 1: Card group without a header
• Card group example 2: Card group with a header
• Card group example 3: Card group with an image in the header
• Card group example 4: Card group with cards organized into Masonry-like columns
• Card group example 5: Card group with cards that aren't attached to one another
• Card group example 6: Card group with a header and a footer
• Card group example 7: Card group in light mode and dark mode

See also

• Components
• Colors

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone for creating outstanding content!