diff options
author | Louis-Maxime Piton <louismaxime.piton@orange.com> | 2022-03-02 17:47:03 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-02 17:47:03 +0300 |
commit | 050b69b9a2c43278ad00da69075a52d1da4d9921 (patch) | |
tree | ae2f7205cd176dfa22f8358e1eebbce6c9d85125 | |
parent | 8d7358f23131a04762af95b88d045fde0627c79f (diff) |
Remove unneeded classes from toasts docs (#35931)
-rw-r--r-- | site/content/docs/5.1/components/toasts.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/site/content/docs/5.1/components/toasts.md b/site/content/docs/5.1/components/toasts.md index e8a9190958..531181c2f9 100644 --- a/site/content/docs/5.1/components/toasts.md +++ b/site/content/docs/5.1/components/toasts.md @@ -216,7 +216,7 @@ Place toasts with custom CSS as you need them. The top right is often used for n </div> </form> <div aria-live="polite" aria-atomic="true" class="bg-dark position-relative bd-example-toasts"> - <div class="toast-container position-absolute p-3" id="toastPlacement"> + <div class="toast-container p-3" id="toastPlacement"> <div class="toast"> <div class="toast-header"> {{< placeholder width="20" height="20" background="#007aff" class="rounded me-2" text="false" title="false" >}} @@ -237,9 +237,9 @@ For systems that generate more notifications, consider using a wrapping element <div aria-live="polite" aria-atomic="true" class="position-relative"> <!-- Position it: --> <!-- - `.toast-container` for spacing between toasts --> - <!-- - `.position-absolute`, `top-0` & `end-0` to position the toasts in the upper right corner --> + <!-- - `top-0` & `end-0` to position the toasts in the upper right corner --> <!-- - `.p-3` to prevent the toasts from sticking to the edge of the container --> - <div class="toast-container position-absolute top-0 end-0 p-3"> + <div class="toast-container top-0 end-0 p-3"> <!-- Then put toasts within --> <div class="toast" role="alert" aria-live="assertive" aria-atomic="true"> |