chore: updated packages and bootstrap

noreading · Jul 22, 2022 · 2160101 · 2160101
1 parent 5e42c81
commit 2160101
Show file tree

Hide file tree

Showing 5 changed files with 537 additions and 550 deletions.
diff --git a/index.html b/index.html
@@ -655,53 +655,51 @@ <h4 class="mb-3">Toasts</h4>
 <!-- /container -->
 
 <!-- Toasts -->
-<div class="position-fixed top-0 end-0 p-3" style="z-index: 11">
-    <div class="toast-container">
-
-        <!-- First toast -->
-        <div
-            id="demoToastOne"
-            class="toast"
-            role="alert"
-            aria-live="assertive"
-            aria-atomic="true"
-        >
-            <div class="toast-header">
-                <strong class="me-auto">Bootstrap</strong>
-                <small>just now</small>
-                <button
-                    type="button"
-                    class="btn-close"
-                    data-bs-dismiss="toast"
-                    aria-label="Close"
-                ></button>
-            </div>
-            <div class="toast-body">
-                Hello, world! This is a toast message.
-            </div>
+<div class="toast-container position-fixed top-0 end-0 p-3" style="z-index: 11;">
+
+    <!-- First toast -->
+    <div
+        id="demoToastOne"
+        class="toast text-bg-success"
+        role="alert"
+        aria-live="assertive"
+        aria-atomic="true"
+    >
+        <div class="toast-header">
+            <strong class="me-auto">Bootstrap</strong>
+            <small>just now</small>
+            <button
+                type="button"
+                class="btn-close"
+                data-bs-dismiss="toast"
+                aria-label="Close"
+            ></button>
+        </div>
+        <div class="toast-body">
+            Hello, world! This is a toast message.
         </div>
+    </div>
 
-        <!-- Second toast -->
-        <div
-            id="demoToastTwo"
-            class="toast"
-            role="alert"
-            aria-live="assertive"
-            aria-atomic="true"
-        >
-            <div class="toast-header">
-                <strong class="me-auto">Bootstrap</strong>
-                <small>just now</small>
-                <button
-                    type="button"
-                    class="btn-close"
-                    data-bs-dismiss="toast"
-                    aria-label="Close"
-                ></button>
-            </div>
-            <div class="toast-body">
-                Hello, world! This is a toast message.
-            </div>
+    <!-- Second toast -->
+    <div
+        id="demoToastTwo"
+        class="toast text-bg-danger"
+        role="alert"
+        aria-live="assertive"
+        aria-atomic="true"
+    >
+        <div class="toast-header">
+            <strong class="me-auto">Bootstrap</strong>
+            <small>just now</small>
+            <button
+                type="button"
+                class="btn-close"
+                data-bs-dismiss="toast"
+                aria-label="Close"
+            ></button>
+        </div>
+        <div class="toast-body">
+            Hello, world! This is a toast message.
         </div>
     </div>
 </div>