diff options
author | XhmikosR <xhmikosr@gmail.com> | 2019-09-24 13:52:04 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2019-09-26 18:37:07 +0300 |
commit | 1f2b04831250810dc719f960af34d5734acc6e0e (patch) | |
tree | d9197191e5d7bf133e5b5a7df325dbfbe52255cd | |
parent | caf889e49efc27b057d2432e0427495808cd2ae3 (diff) |
Use 180 for the grid-cards placeholder images' height.
-rw-r--r-- | site/docs/4.3/components/card.md | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/site/docs/4.3/components/card.md b/site/docs/4.3/components/card.md index 59e962e49b..14a6302c14 100644 --- 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> |