diff --git a/docs/components/card.md b/docs/components/card.md index e3c89e6c30..77f41ca576 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -489,12 +489,14 @@ In need of a colored card, but not the hefty background colors they bring? Repla {% endexample %} -## Groups +## Card layout + +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 Use card groups to render cards as a single, attached element with equal width and height columns. Card groups use `display: flex;` to achieve their uniform sizing. -Only applies to small devices and above. - {% example html %}
@@ -524,9 +526,8 @@ Only applies to small devices and above.
{% endexample %} -## Decks +When using card groups with footers, their content will automatically line up. -Need a set of equal width and height cards that aren't attached to one another? Use card decks. By default, card decks require two wrapping elements: `.card-deck-wrapper` and a `.card-deck`. We use table styles for the sizing and the gutters on `.card-deck`. The `.card-deck-wrapper` is used to negative margin out the `border-spacing` on the `.card-deck`. Only applies to small devices and above.