HTMLテンプレートやBootstrapを追加

app/assets/scss/material-dashboard/_breadcrumbs.scss

@@ -0,0 +1,48 @@
+//
+// Breadcrumb
+//
+
+.breadcrumb-item {
+    font-size: $font-size-sm;
+    &.text-white{
+      &::before {
+          color: $white;
+      }
+    }
+
+}
+
+.breadcrumb-dark {
+    background-color: $breadcrumb-dark-bg;
+
+    .breadcrumb-item {
+        font-weight: 600;
+
+        a {
+            color: $breadcrumb-dark-color;
+
+            &:hover {
+                color: $breadcrumb-dark-hover-color;
+            }
+        }
+
+        + .breadcrumb-item {
+            &::before {
+                color: $breadcrumb-dark-divider-color;
+            }
+        }
+
+        &.active {
+            color: $breadcrumb-dark-active-color;
+        }
+    }
+}
+
+
+// Links
+
+.breadcrumb-links {
+    padding: 0;
+    margin: 0;
+    background: transparent;
+}