调整图库，增加css

README.md

@@ -51,7 +51,7 @@
 
 #### 更新记录
 2020.08.*
-更改侧边栏导航绑定click事件的方式，增加子页面内打开标签页的示例
+更改侧边栏导航绑定click事件的方式，增加子页面内打开标签页的示例，调整图库
 
 2020.07.*
 修复ui_other.html在页面缩小时的bug，新增一些辅助类

css/style.min.css

@@ -462,7 +462,6 @@ button.list-group-item:hover {
     border-color: #ebebeb;
     -webkit-border-radius: 2px;
     border-radius: 2px;
-    color: #8b95a5;
     padding: 5px 12px;
     line-height: inherit;
     -webkit-transition: 0.2s linear;
@@ -2166,6 +2165,9 @@ fieldset[disabled] .btn-dark:hover {
 .text-fadest {
 	color: rgba(77,82,89,0.4) !important
 }
+.text-white-50 {
+    color: rgba(255, 255, 255, 0.5) !important
+}
 .text-white {
     color: #ffffff!important
 }
@@ -2519,12 +2521,12 @@ dd, dt {
     break-inside: avoid;
     padding-bottom: 30px;
 }
-.masonry-grid.gap-2 {
+.masonry-grid {
     -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
     column-gap: 16px;
 }
-.masonry-grid.gap-2 .masonry-item {
+.masonry-grid .masonry-item {
     padding-bottom: 16px;
 }
 
@@ -3413,6 +3415,11 @@ dd, dt {
         margin-bottom: 10px;
         float: none!important;
     }
+    .masonry-grid {
+        -webkit-column-count: 2;
+        -moz-column-count: 2;
+        column-count: 2;
+    }
 }
 @media screen and (max-width: 430px) {
     .dropdown-skin .dropdown-menu {
@@ -3476,6 +3483,11 @@ dd, dt {
         -webkit-transition: opacity 0.3s ease-in-out 0.15s;
         transition: opacity 0.3s ease-in-out 0.15s;
     }
+    .masonry-grid {
+        -webkit-column-count: 4;
+        -moz-column-count: 4;
+        column-count: 4;
+    }
 }
 
 /** ----------------------------------

lyear_pages_gallery.html

@@ -21,7 +21,7 @@
       <div class="card">
         <div class="card-body">
           
-          <div class="masonry-grid gap-2" data-provide="photoswipe">
+          <div class="masonry-grid" data-provide="photoswipe">
           
             <a class="masonry-item" href="#">
               <img src="images/gallery/1.jpg" alt="The selected child description">