diff options
| author | Louis-Maxime Piton <[email protected]> | 2022-03-02 15:47:03 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-03-02 16:47:03 +0200 |
| commit | 050b69b9a2c43278ad00da69075a52d1da4d9921 (patch) | |
| tree | ae2f7205cd176dfa22f8358e1eebbce6c9d85125 | |
| parent | 8d7358f23131a04762af95b88d045fde0627c79f (diff) | |
| download | bootstrap-050b69b9a2c43278ad00da69075a52d1da4d9921.tar.xz bootstrap-050b69b9a2c43278ad00da69075a52d1da4d9921.zip | |
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 e8a919095..531181c2f 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"> |