diff options
Diffstat (limited to 'docs/components/card.md')
| -rw-r--r-- | docs/components/card.md | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/docs/components/card.md b/docs/components/card.md index b45d13463..74debae44 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -359,7 +359,7 @@ Turn an image into a card background and overlay your card's text. Depending on <div class="card-img-overlay"> <h4 class="card-title">Card title</h4> <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> - <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> + <p class="card-text">Last updated 3 mins ago</p> </div> </div> {% endexample %} @@ -376,11 +376,13 @@ You can also use `.card-inverse` with the [contextual backgrounds variants](#bac {% example html %} <div class="card card-inverse" style="background-color: #333; border-color: #333;"> + <div class="card-header">Header</div> <div class="card-block"> <h3 class="card-title">Special title treatment</h3> <p class="card-text">With supporting text below as a natural lead-in to additional content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> + <div class="card-footer">Footer</div> </div> {% endexample %} @@ -642,7 +644,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns {% example html %} <div class="card-columns"> <div class="card"> - <img class="card-img-top img-fluid" data-src="holder.js/100px160/" alt="Card image cap"> + <img class="card-img-top" data-src="holder.js/100px160/" alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title that wraps to a new line</h4> <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> @@ -659,7 +661,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns </blockquote> </div> <div class="card"> - <img class="card-img-top img-fluid" data-src="holder.js/100px160/" alt="Card image cap"> + <img class="card-img-top" data-src="holder.js/100px160/" alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title</h4> <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p> @@ -684,7 +686,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns </div> </div> <div class="card"> - <img class="card-img img-fluid" data-src="holder.js/100px260/" alt="Card image"> + <img class="card-img" data-src="holder.js/100px260/" alt="Card image"> </div> <div class="card p-3 text-right"> <blockquote class="card-blockquote"> |