diff options
| author | Julien Déramond <[email protected]> | 2022-11-14 13:44:06 +0100 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2022-11-14 09:05:20 -0800 |
| commit | e071e914ce9a49d46d8d5d015e5b70586b4c1e73 (patch) | |
| tree | a489d55b323c9df30ff6b73670f9cf9a62d3b43a | |
| parent | 9aff4cdc90b7c939cb468a742a8ac95cb4d0ad97 (diff) | |
| download | bootstrap-e071e914ce9a49d46d8d5d015e5b70586b4c1e73.tar.xz bootstrap-e071e914ce9a49d46d8d5d015e5b70586b4c1e73.zip | |
Docs: fix margins between cards in examples
| -rw-r--r-- | site/content/docs/5.2/components/card.md | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/site/content/docs/5.2/components/card.md b/site/content/docs/5.2/components/card.md index 89466fe5c..f715a5eac 100644 --- a/site/content/docs/5.2/components/card.md +++ b/site/content/docs/5.2/components/card.md @@ -207,7 +207,7 @@ Using the grid, wrap cards in columns and rows as needed. {{< example >}} <div class="row"> - <div class="col-sm-6"> + <div class="col-sm-6 mb-3 mb-sm-0"> <div class="card"> <div class="card-body"> <h5 class="card-title">Special title treatment</h5> @@ -233,7 +233,7 @@ Using the grid, wrap cards in columns and rows as needed. Use our handful of [available sizing utilities]({{< docsref "/utilities/sizing" >}}) to quickly set a card's width. {{< example >}} -<div class="card w-75"> +<div class="card w-75 mb-3"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text">With supporting text below as a natural lead-in to additional content.</p> @@ -269,7 +269,7 @@ Use custom CSS in your stylesheets or as inline styles to set a width. You can quickly change the text alignment of any card—in its entirety or specific parts—with our [text align classes]({{< docsref "/utilities/text#text-alignment" >}}). {{< example >}} -<div class="card" style="width: 18rem;"> +<div class="card mb-3" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title">Special title treatment</h5> <p class="card-text">With supporting text below as a natural lead-in to additional content.</p> @@ -277,7 +277,7 @@ You can quickly change the text alignment of any card—in its entirety or speci </div> </div> -<div class="card text-center" style="width: 18rem;"> +<div class="card text-center mb-3" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title">Special title treatment</h5> <p class="card-text">With supporting text below as a natural lead-in to additional content.</p> |