diff options
| author | Gaël Poupard <[email protected]> | 2020-06-26 17:06:20 +0300 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2020-12-04 07:52:03 +0200 |
| commit | 9488978fb55286ba83e8193a871d1ff9815045b9 (patch) | |
| tree | abb461d46722f107e54156709c88cf37ed9e24a6 /js/tests/visual/toast.html | |
| parent | 71ecc3323fb60ea05456470d10d17b614fe6dc04 (diff) | |
| download | bootstrap-9488978fb55286ba83e8193a871d1ff9815045b9.tar.xz bootstrap-9488978fb55286ba83e8193a871d1ff9815045b9.zip | |
feat(RTL): implement RTL
Using RTLCSS directives, renaming things to use logical names and following best practices.
Diffstat (limited to 'js/tests/visual/toast.html')
| -rw-r--r-- | js/tests/visual/toast.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/js/tests/visual/toast.html b/js/tests/visual/toast.html index c26278d94..4765026f3 100644 --- a/js/tests/visual/toast.html +++ b/js/tests/visual/toast.html @@ -28,8 +28,8 @@ <div class="notifications"> <div id="toastAutoHide" class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="2000"> <div class="toast-header"> - <span class="d-block bg-primary rounded mr-2" style="width: 20px; height: 20px;"></span> - <strong class="mr-auto">Bootstrap</strong> + <span class="d-block bg-primary rounded me-2" style="width: 20px; height: 20px;"></span> + <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small> </div> <div class="toast-body"> @@ -39,10 +39,10 @@ <div class="toast" data-bs-autohide="false" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> - <span class="d-block bg-primary rounded mr-2" style="width: 20px; height: 20px;"></span> - <strong class="mr-auto">Bootstrap</strong> + <span class="d-block bg-primary rounded me-2" style="width: 20px; height: 20px;"></span> + <strong class="me-auto">Bootstrap</strong> <small class="text-muted">2 seconds ago</small> - <button type="button" class="ml-2 mb-1 btn-close" data-bs-dismiss="toast" aria-label="Close"></button> + <button type="button" class="ms-2 mb-1 btn-close" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"> Heads up, toasts will stack automatically |