From: Mark Otto Date: Fri, 23 Dec 2016 00:44:54 +0000 (-0800) Subject: redo image section for intros and subheadings X-Git-Tag: v4.0.0-alpha.6~235^2~11 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=49315dc16daf2413a6db3e62fcabf952787eb4c7;p=thirdparty%2Fbootstrap.git redo image section for intros and subheadings --- 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).