diff options
| author | Mark Otto <[email protected]> | 2016-01-06 01:12:30 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-01-06 01:12:30 -0800 |
| commit | 1997412beeff2300aecc566f88e569a95d3f7d1e (patch) | |
| tree | 7fdd9318c5c0be0f8b1394e0fed66164a88724b0 /docs | |
| parent | 2db13042bd2e89a528ea5502a9209e608ddfdb35 (diff) | |
| parent | 5c803b656ce1dcc2a6335b949b0566a50d74c32d (diff) | |
| download | bootstrap-1997412beeff2300aecc566f88e569a95d3f7d1e.tar.xz bootstrap-1997412beeff2300aecc566f88e569a95d3f7d1e.zip | |
Merge pull request #18774 from twbs/v4-outline-cards
v4: Rename .card-*-outline to .card-outline-*
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/components/card.md | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/docs/components/card.md b/docs/components/card.md index c5af2bb02..159fa42be 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -314,10 +314,10 @@ Cards include their own variant classes for quickly changing the `background-col ## Outline variants -In need of a colored card, but not the hefty background colors they bring? Replace the default modifier classes with the `.card-*-outline` ones to style just the `border-color` of a card. +In need of a colored card, but not the hefty background colors they bring? Replace the default modifier classes with the `.card-outline-*` ones to style just the `border-color` of a card. {% example html %} -<div class="card card-primary-outline text-xs-center"> +<div class="card card-outline-primary text-xs-center"> <div class="card-block"> <blockquote class="card-blockquote"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> @@ -325,7 +325,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla </blockquote> </div> </div> -<div class="card card-secondary-outline text-xs-center"> +<div class="card card-outline-secondary text-xs-center"> <div class="card-block"> <blockquote class="card-blockquote"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> @@ -333,7 +333,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla </blockquote> </div> </div> -<div class="card card-success-outline text-xs-center"> +<div class="card card-outline-success text-xs-center"> <div class="card-block"> <blockquote class="card-blockquote"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> @@ -341,7 +341,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla </blockquote> </div> </div> -<div class="card card-info-outline text-xs-center"> +<div class="card card-outline-info text-xs-center"> <div class="card-block"> <blockquote class="card-blockquote"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> @@ -349,7 +349,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla </blockquote> </div> </div> -<div class="card card-warning-outline text-xs-center"> +<div class="card card-outline-warning text-xs-center"> <div class="card-block"> <blockquote class="card-blockquote"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> @@ -357,7 +357,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla </blockquote> </div> </div> -<div class="card card-danger-outline text-xs-center"> +<div class="card card-outline-danger text-xs-center"> <div class="card-block"> <blockquote class="card-blockquote"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> |