调整图库，增加css

README.md

@@ -105,6 +105,8 @@
 - perfect-scrollbar
 
 ### 更新记录
+2020.05.16 调整图库
+
 2020.08.01 更改侧边栏导航绑定click事件的方式
 
 2020.07.02 修复弹窗样式上的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
 }
@@ -2337,9 +2339,27 @@ dd, dt {
 .p-l-10 {
     padding-left: 10px!important;
 }
+.p-15 {
+    padding: 15px!important;
+}
+.p-tb-15 {
+    padding: 15px 0px!important;
+}
 .p-lr-15 {
     padding: 0px 15px!important;
 }
+.p-t-15 {
+    padding-top: 15px!important;
+}
+.p-r-15 {
+    padding-right: 15px!important;
+}
+.p-b-15 {
+    padding-bottom: 15px!important;
+}
+.p-l-15 {
+    padding-left: 15px!important;
+}
 .p-l-20 {
     padding-left: 20px!important;
 }
@@ -2501,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;
 }
 
@@ -3393,6 +3413,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) {
     .navbar-page-title {
@@ -3406,6 +3431,14 @@ dd, dt {
     }
 }
 
+@media (min-width: 1024px) {
+    .masonry-grid {
+        -webkit-column-count: 4;
+        -moz-column-count: 4;
+        column-count: 4;
+    }
+}
+
 /** ----------------------------------
  * 主题设置
  -------------------------------------- */

lyear_pages_gallery.html

@@ -269,7 +269,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">