Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorXhmikosR <xhmikosr@gmail.com>2019-09-24 13:52:04 +0300
committerXhmikosR <xhmikosr@gmail.com>2019-09-26 18:37:07 +0300
commit1f2b04831250810dc719f960af34d5734acc6e0e (patch)
treed9197191e5d7bf133e5b5a7df325dbfbe52255cd
parentcaf889e49efc27b057d2432e0427495808cd2ae3 (diff)
Use 180 for the grid-cards placeholder images' height.
-rw-r--r--site/docs/4.3/components/card.md24
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>