aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHelmut Granda <[email protected]>2018-09-26 15:59:19 -0500
committerXhmikosR <[email protected]>2018-10-17 23:15:01 +0300
commit42006e7b17e6e33e6673f6d5c58445180ed0610b (patch)
treed6676e1e1056eb1b1265b5e1e48fbc8b9a7d1b1d
parent832a90d9d342c5df887a4411f2e0c637b43f3fa1 (diff)
downloadbootstrap-42006e7b17e6e33e6673f6d5c58445180ed0610b.tar.xz
bootstrap-42006e7b17e6e33e6673f6d5c58445180ed0610b.zip
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.
-rw-r--r--site/_includes/callout-info-content-iamge-overlay-overflow.md4
-rw-r--r--site/docs/4.1/components/card.md1
2 files changed, 5 insertions, 0 deletions
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 000000000..64112ac0b
--- /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 2eb2c117a..aade11c8e 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