From: Gaël Poupard <ffoodd@users.noreply.github.com>
Date: Thu, 3 Jun 2021 06:08:29 +0000 (+0200)
Subject: img in horizontal card (#34160)
X-Git-Tag: v5.0.2~46
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=46045b4a9b21b0a55ea8867ad7f3dc17e1c6cfee;p=thirdparty%2Fbootstrap.git

img in horizontal card (#34160)

* docs(cards): img in horizontal card

Closes #34145

Simply adds `img-fluid` and `rounded-start` classes to horizontal card example to ensure copy-pasting from the docs matches the expectation.

* Update site/content/docs/5.0/components/card.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>
---

diff --git a/site/content/docs/5.0/components/card.md b/site/content/docs/5.0/components/card.md
index 48f54f0c2f..97bcf77d51 100644
--- a/site/content/docs/5.0/components/card.md
+++ b/site/content/docs/5.0/components/card.md
@@ -398,7 +398,7 @@ Using a combination of grid and utility classes, cards can be made horizontal in
 <div class="card mb-3" style="max-width: 540px;">
   <div class="row g-0">
     <div class="col-md-4">
-      {{< placeholder width="100%" height="250" text="Image" >}}
+      {{< placeholder width="100%" height="250" text="Image" class="img-fluid rounded-start" >}}
     </div>
     <div class="col-md-8">
       <div class="card-body">