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

img in horizontal card (#34160)

Browse Source 
* docs(cards): img in horizontal card

Closes #34145 

Simply adds `img-fluid` and `rounded-start` classes to horizontal card example to ensure copy-pasting from the docs matches the expectation.

* Update site/content/docs/5.0/components/card.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>
This commit is contained in:
Gaël Poupard 2021-06-03 08:08:29 +02:00 committed by GitHub
parent c0d21e1b3d
commit 46045b4a9b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/5.0/components/card.md
View File

@ -398,7 +398,7 @@ Using a combination of grid and utility classes, cards can be made horizontal in
<div class="card mb-3" style="max-width: 540px;"> <div class="card mb-3" style="max-width: 540px;">
<div class="row g-0"> <div class="row g-0">
<div class="col-md-4"> <div class="col-md-4">
{{< placeholder width="100%" height="250" text="Image" >}} {{< placeholder width="100%" height="250" text="Image" class="img-fluid rounded-start" >}}
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body"> <div class="card-body">