diff options
| -rw-r--r-- | site/content/docs/5.0/components/toasts.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/site/content/docs/5.0/components/toasts.md b/site/content/docs/5.0/components/toasts.md index 29254b267..75713050c 100644 --- a/site/content/docs/5.0/components/toasts.md +++ b/site/content/docs/5.0/components/toasts.md @@ -45,7 +45,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi Click the button below to show a toast (positioned with our utilities in the lower right corner) that has been hidden by default with `.hide`. -<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 5"> +<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11"> <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> {{< placeholder width="20" height="20" background="#007aff" class="rounded me-2" text="false" title="false" >}} @@ -66,7 +66,7 @@ Click the button below to show a toast (positioned with our utilities in the low ```html <button type="button" class="btn btn-primary" id="liveToastBtn">Show live toast</button> -<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 5"> +<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11"> <div id="liveToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <img src="..." class="rounded me-2" alt="..."> |