新增深色大块脚部

source/scss/footer/_footer.scss

@@ -0,0 +1,37 @@
+.ul-footer {
+    background-color: #333;
+    color           : #fff;
+}
+
+.ul-footer .container {
+    display: flex;
+    margin : 0 auto;
+    padding: 40px 0;
+}
+
+.ul-footer .logo {
+    width: 120px;
+}
+
+.ul-footer .container>div {
+    padding: 0 25px;
+}
+
+.ul-footer .container>div:not(:last-child) {
+    border-right: 1px solid #555;
+}
+
+.ul-footer .ul-footer-nav a {
+    color      : #fff;
+    margin     : 5px 10px;
+    font-weight: 600;
+}
+
+.ul-footer .ul-footer-link a {
+    color : #ddd;
+    margin: 5px 10px;
+}
+
+.ul-footer p {
+    margin-top: 5px;
+}

source/scss/footer/_index.scss

@@ -0,0 +1 @@
+@import 'footer';

source/scss/jumbotron/_jumbotron.scss

@@ -1,4 +1,4 @@
-.jumbotron {
+.ul-jumbotron {
     padding   : 15px;
     text-align: center;
 

source/scss/jumbotron/_jumbotron_clean.scss

@@ -1,4 +1,4 @@
-.jumbotron {
+.ul-jumbotron {
     &.clean{
         background-color: #fff;
     }

source/scss/jumbotron/_jumbotron_dark.scss

@@ -1,4 +1,4 @@
-.jumbotron {
+.ul-jumbotron {
     &.dark {
         background-color: #1F2430;
         color           : #fff;

source/scss/jumbotron/_jumbotron_left.scss

@@ -1,4 +1,4 @@
-.jumbotron {
+.ul-jumbotron {
     &.left {
         .main {
             text-align : left;

source/scss/layui-ul.scss

@@ -6,6 +6,7 @@
 @import './card/index';
 @import './title/index';
 @import './jumbotron/index';
+@import './footer/index';
 
 
 /* 头部开始 */