实现锚点及锚点内容与滚动条联动页面样式修改

Author: CQ-bliss

css/zondy/bootstrap-footer.css

@@ -1,9 +1,9 @@
 footer {
     padding: 0.4rem 0;
     text-align: center;
-    display: flex;
+    display: block;
     background-color: #2196F3;
-}
+} 
 
 .float-left {
     float: left !important;
@@ -29,7 +29,6 @@ footer ul li a {
     position: relative;
     display: block;
     color: #ffffff;
-    
 }
 
 footer ul li a:hover,
@@ -46,11 +45,13 @@ footer .copyright {
 .float-right {
     float: right !important;
 }
+
 .float-right a {
     color: #89229b;
     text-decoration: none;
     background-color: transparent;
 }
+
 footer .copyright .material-icons {
     font-size: 18px;
     position: relative;

img/bug/applyBug.png

@@ -1,4 +1,5 @@
 <div class="container">
+    <div class="row">
         <nav class="float-left">
             <ul>
                 <li class="float-li">
@@ -30,4 +31,5 @@
             <i class="material-icons">favorite</i> by
             <a href="https://www.creative-tim.com" target="_blank">中地数码科技有限公司</a> for WebClient.
         </div>
-    </div>
+    </div>
+</div>