rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
Code Issues Actions Packages Releases Activity

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

Browse Source
This commit is contained in:
XhmikosR 2019-09-24 13:52:04 +03:00
parent caf889e49e
commit 1f2b048312
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
site/docs/4.3/components/card.md
View File

@ -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>