diff --git a/docs/components/card.md b/docs/components/card.md index 78d8655448..00bc50e511 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -322,9 +322,13 @@ Add some navigation to a card's header (or block) with Bootstrap's [nav componen {% endexample %} -## Image caps +## Images -Similar to headers and footers, cards include top and bottom image caps. +Cards include a few options for working with images. Choose from appending "image caps" at either end of a card, overlaying images with card content, or simply embedding the image in a card. + +### Image caps + +Similar to headers and footers, cards can include top and bottom "image caps"—images at the top or bottom of a card. {% example html %}
@@ -345,7 +349,7 @@ Similar to headers and footers, cards include top and bottom image caps.
{% endexample %} -## Image overlays +### Image overlays Turn an image into a card background and overlay your card's text. Depending on the image, you may or may not need `.card-inverse` (see below).