From: Helmut Granda <contact@helmutgranda.com>
Date: Wed, 26 Sep 2018 20:59:19 +0000 (-0500)
Subject: Adds a note about the limitations on content being larger than the image.
X-Git-Tag: v4.2.0~254
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=42006e7b17e6e33e6673f6d5c58445180ed0610b;p=thirdparty%2Fbootstrap.git

Adds a note about the limitations on content being larger than the image.

In the event that the content is larger than the image, the content will continue to be displayed outside the image itself. There are some workarounds but they apply only to browsers that support this option and IE11 is not one of them.
---

diff --git a/site/_includes/callout-info-content-iamge-overlay-overflow.md b/site/_includes/callout-info-content-iamge-overlay-overflow.md
new file mode 100644
index 0000000000..64112ac0bb
--- /dev/null
+++ b/site/_includes/callout-info-content-iamge-overlay-overflow.md
@@ -0,0 +1,4 @@
+{% capture callout %}
+Note that content should not be larger than the height of the image. If content is larger than the image the content will be displayed outside the image.
+{% endcapture %}
+{% include callout.html content=callout type="info" %}
\ No newline at end of file
diff --git a/site/docs/4.1/components/card.md b/site/docs/4.1/components/card.md
index 2eb2c117ae..aade11c8eb 100644
--- a/site/docs/4.1/components/card.md
+++ b/site/docs/4.1/components/card.md
@@ -391,6 +391,7 @@ Turn an image into a card background and overlay your card's text. Depending on
 </div>
 {% endcapture %}
 {% include example.html content=example %}
+{% include callout-info-content-iamge-overlay-overflow.md %}
 
 ## Card styles