Use 180 for the grid-cards placeholder images' height.

diff --git a/site/docs/4.3/components/card.md b/site/docs/4.3/components/card.md
index 59e962e49b5be67141adce0c0c52db39d861d76a..14a6302c14aa3d97b9dc82eaff4ba91fb3ececae 100644 (file)
--- a/site/docs/4.3/components/card.md
+++ b/site/docs/4.3/components/card.md
@@ -629,7 +629,7 @@ Use the Bootstrap grid system and its [`.row-cols` classes]({{ site.baseurl }}/d
 <div class="row row-cols-1 row-cols-md-2">
   <div class="col mb-4">
     <div class="card">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -638,7 +638,7 @@ Use the Bootstrap grid system and its [`.row-cols` classes]({{ site.baseurl }}/d
   </div>
   <div class="col mb-4">
     <div class="card">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -647,7 +647,7 @@ Use the Bootstrap grid system and its [`.row-cols` classes]({{ site.baseurl }}/d
   </div>
   <div class="col mb-4">
     <div class="card">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
@@ -656,7 +656,7 @@ Use the Bootstrap grid system and its [`.row-cols` classes]({{ site.baseurl }}/d
   </div>
   <div class="col mb-4">
     <div class="card">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -673,7 +673,7 @@ Change it to `.row-cols-3` and you'll see the fourth card wrap.
 <div class="row row-cols-1 row-cols-md-3">
   <div class="col mb-4">
     <div class="card">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -682,7 +682,7 @@ Change it to `.row-cols-3` and you'll see the fourth card wrap.
   </div>
   <div class="col mb-4">
     <div class="card">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -691,7 +691,7 @@ Change it to `.row-cols-3` and you'll see the fourth card wrap.
   </div>
   <div class="col mb-4">
     <div class="card">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
@@ -700,7 +700,7 @@ Change it to `.row-cols-3` and you'll see the fourth card wrap.
   </div>
   <div class="col mb-4">
     <div class="card">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -717,7 +717,7 @@ When you need equal height, add `.h-100` to the cards.
 <div class="row row-cols-1 row-cols-md-3">
   <div class="col mb-4">
     <div class="card h-100">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
@@ -726,7 +726,7 @@ When you need equal height, add `.h-100` to the cards.
   </div>
   <div class="col mb-4">
     <div class="card h-100">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a short card.</p>
@@ -735,7 +735,7 @@ When you need equal height, add `.h-100` to the cards.
   </div>
   <div class="col mb-4">
     <div class="card h-100">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
@@ -744,7 +744,7 @@ When you need equal height, add `.h-100` to the cards.
   </div>
   <div class="col mb-4">
     <div class="card h-100">
-      {% include icons/placeholder.svg width="100%" height="140" class="card-img-top" text="Image cap" %}
+      {% include icons/placeholder.svg width="100%" height="180" class="card-img-top" text="Image cap" %}
       <div class="card-body">
         <h5 class="card-title">Card title</h5>
         <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>