diff options
| author | Gaël Poupard <gael.poupard@orange.com> | 2020-06-09 16:44:20 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2020-12-04 08:52:03 +0300 |
| commit | aaff11a0b321e7c1b93c089e709ee92d01a4b6f6 (patch) | |
| tree | 7b5987eba9ddb8ae0f72e1b3e6edfe396770450f /site/content/docs/5.0/helpers | |
| parent | 9488978fb55286ba83e8193a871d1ff9815045b9 (diff) | |
docs(examples): new cheatsheet and RTL examples
Diffstat (limited to 'site/content/docs/5.0/helpers')
| -rw-r--r-- | site/content/docs/5.0/helpers/clearfix.md | 4 | ||||
| -rw-r--r-- | site/content/docs/5.0/helpers/stretched-link.md | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/site/content/docs/5.0/helpers/clearfix.md b/site/content/docs/5.0/helpers/clearfix.md index 89bafbe70e..9e31474a48 100644 --- a/site/content/docs/5.0/helpers/clearfix.md +++ b/site/content/docs/5.0/helpers/clearfix.md @@ -30,7 +30,7 @@ The following example shows how the clearfix can be used. Without the clearfix t {{< example >}} <div class="bg-info clearfix"> - <button type="button" class="btn btn-secondary float-left">Example Button floated left</button> - <button type="button" class="btn btn-secondary float-right">Example Button floated right</button> + <button type="button" class="btn btn-secondary float-start">Example Button floated left</button> + <button type="button" class="btn btn-secondary float-end">Example Button floated right</button> </div> {{< /example >}} diff --git a/site/content/docs/5.0/helpers/stretched-link.md b/site/content/docs/5.0/helpers/stretched-link.md index 4702291def..743796850f 100644 --- a/site/content/docs/5.0/helpers/stretched-link.md +++ b/site/content/docs/5.0/helpers/stretched-link.md @@ -26,7 +26,7 @@ Most custom components do not have `position: relative` by default, so we need t {{< example >}} <div class="d-flex position-relative"> - {{< placeholder width="144" height="144" class="flex-shrink-0 mr-3" text="false" title="Generic placeholder image" >}} + {{< placeholder width="144" height="144" class="flex-shrink-0 me-3" text="false" title="Generic placeholder image" >}} <div> <h5 class="mt-0">Custom component with stretched link</h5> <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> @@ -41,7 +41,7 @@ Most custom components do not have `position: relative` by default, so we need t <div class="col-md-6 mb-md-0 p-md-4"> {{< placeholder width="100%" height="200" class="w-100" text="false" title="Generic placeholder image" >}} </div> - <div class="col-md-6 p-4 pl-md-0"> + <div class="col-md-6 p-4 ps-md-0"> <h5 class="mt-0">Columns with stretched link</h5> <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> <a href="#" class="stretched-link">Go somewhere</a> |