更新样式：移动通用样式到theme样式文件中，便于以后复用

Bootstrap.Admin/wwwroot/css/admin-responsive.css

@@ -8,6 +8,24 @@
         }
 }
 
+@media (min-width: 568px) {
+    .toolbar {
+        display: none;
+    }
+
+    .bs-bars {
+        display: inline-block;
+    }
+}
+
+@media (min-width: 576px) {
+    .btn-fill {
+        width: auto;
+        align-self: flex-end;
+        margin-bottom: 2px;
+    }
+}
+
 @media (min-width: 768px) {
     .main-content {
         position: fixed;

Bootstrap.Admin/wwwroot/css/admin.css

@@ -17,10 +17,6 @@
     display: none;
 }
 
-.mCSB_scrollTools {
-    width: 10px;
-}
-
 .main-content {
     padding: 15px 15px 0 15px;
     margin-left: 0;
@@ -74,6 +70,10 @@
             color: #235e90;
         }
 
+.btn-fill {
+    width: 100%;
+}
+
 /*Messages*/
 .mail-box {
     display: flex;

Bootstrap.Admin/wwwroot/css/site.css

@@ -94,26 +94,6 @@ aside {
     margin-bottom: 15px;
 }
 
-a, a:hover, a:focus {
-    text-decoration: none;
-    outline: none;
-}
-
-.dropdown-select + .dropdown-menu a:hover {
-    background: #007AC0;
-    color: #fff;
-}
-
-.dropdown-menu a {
-    transition: all .25s linear;
-    padding: 6px 20px;
-    display: block;
-}
-
-.dropdown-menu .divider {
-    margin: 1px 0;
-}
-
 /*Title*/
 .sidebar-toggle-box {
     font-size: 1.25rem;

Bootstrap.Admin/wwwroot/css/theme-responsive.css

@@ -4,16 +4,6 @@
     }
 }
 
-@media (min-width: 568px) {
-    .toolbar {
-        display: none;
-    }
-
-    .bs-bars {
-        display: inline-block;
-    }
-}
-
 @media (min-width: 576px) {
     .form-group .form-control-url {
         width: calc(100% - 125px);
@@ -28,13 +18,7 @@
         max-width: calc(90%);
     }
 
-    .btn-fill {
+    .input-group.date {
-        width: auto;
-        align-self: flex-end;
-        margin-bottom: 2px;
-    }
-
-    .input-group.date.form_date {
         width: 186px;
     }
 }

Bootstrap.Admin/wwwroot/css/theme.css

@@ -25,12 +25,19 @@
         outline: none;
     }
 
-.dropdown-divider {
+.dropdown-select + .dropdown-menu a:hover {
-    margin: 0.125rem 0;
+    background: #007AC0;
+    color: #fff;
 }
 
-.btn-fill {
+.dropdown-menu a {
-    width: 100%;
+    transition: all .25s linear;
+    padding: 6px 20px;
+    display: block;
+}
+
+.dropdown-divider {
+    margin: 0.125rem 0;
 }
 
 .tooltip-inner {
@@ -149,7 +156,7 @@ input.pending {
     }
 
     .bootstrap-table .fixed-table-toolbar .columns-right .btn-group .dropdown-menu {
-        padding: 10px 0;
+        padding-top: 8px;
     }
 
 .card {
@@ -244,3 +251,7 @@ input.pending {
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
 }
+
+.mCSB_scrollTools {
+    width: 10px;
+}

Bootstrap.Client/wwwroot/css/site-responsive.css

@@ -1,7 +1,32 @@
+@media (min-width: 375px) {
+    .toolbar .dropdown-menu a {
+        padding: 0 20px;
+    }
+
+        .toolbar .dropdown-menu a:first-child {
+            border-left: none;
+        }
+}
+
 @media (min-width: 568px) {
     .sidebar-toggle-box span {
         display: inline;
     }
+
+    .toolbar {
+        display: none;
+    }
+
+    .bs-bars {
+        display: inline-block;
+    }
+}
+
+@media (min-width: 576px) {
+    .btn-fill {
+        width: auto;
+        align-self: flex-end;
+    }
 }
 
 @media (min-width: 667px) {

Bootstrap.Client/wwwroot/css/site.css

@@ -361,6 +361,10 @@ a, a:hover, a:focus {
         padding-right: 6px;
     }
     
-.container-fluid {
+.bs-bars {
-    padding-top: 15px;
+    display: none;
+}
+
+.btn-fill {
+    width: 100%;
 }

Bootstrap.Client/wwwroot/css/theme-responsive.css

@@ -4,19 +4,9 @@
     }
 }
 
-@media (min-width: 568px) {
-    .toolbar {
-        display: none;
-    }
-
-    .bs-bars {
-        display: inline-block;
-    }
-}
-
 @media (min-width: 576px) {
     .form-group .form-control-url {
-        width: calc(100% - 90px);
+        width: calc(100% - 125px);
     }
 
     .form-inline .control-label {
@@ -28,13 +18,7 @@
         max-width: calc(90%);
     }
 
-    .btn-fill {
+    .input-group.date {
-        width: auto;
-        align-self: flex-end;
-        margin-bottom: 2px;
-    }
-
-    .input-group.date.form_date {
         width: 186px;
     }
 }

Bootstrap.Client/wwwroot/css/theme.css

@@ -8,6 +8,10 @@
         box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
     }
 
+.container-fluid {
+    padding-top: 15px;
+}
+
 .input-group .btn:focus, .btn-group .btn:focus, .page-link:focus {
     box-shadow: none;
 }
@@ -25,12 +29,19 @@
         outline: none;
     }
 
-.dropdown-divider {
+.dropdown-select + .dropdown-menu a:hover {
-    margin: 0.125rem 0;
+    background: #007AC0;
+    color: #fff;
 }
 
-.btn-fill {
+.dropdown-menu a {
-    width: 100%;
+    transition: all .25s linear;
+    padding: 6px 20px;
+    display: block;
+}
+
+.dropdown-divider {
+    margin: 0.125rem 0;
 }
 
 .tooltip-inner {
@@ -86,6 +97,12 @@ input.pending {
     padding: 10px 15px;
 }
 
+.modal-title {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
 .modal-body, .card-body {
     padding: 15px 15px 0 15px;
 }
@@ -94,10 +111,30 @@ input.pending {
     display: inline;
 }
 
-.card-header a {
+.card {
-    color: #797979;
+    margin-bottom: 15px;
 }
 
+    .card .card-header a {
+        color: #797979;
+    }
+
+        .card .card-header a[data-toggle="collapse"] {
+            display: block;
+        }
+
+            .card .card-header a[data-toggle="collapse"] i {
+                transition: all .25s linear;
+            }
+
+            .card .card-header a[data-toggle="collapse"].collapsed i {
+                transform: rotate(-90deg);
+            }
+
+            .card .card-header a[data-toggle="collapse"] span {
+                margin-left: 6px;
+            }
+
 .btn span:last-child {
     margin-left: 4px;
     display: none;
@@ -115,7 +152,18 @@ input.pending {
     display: inline-block;
 }
 
-/*Bootstrap Table BUG */
+.date > input {
+    cursor: pointer;
+}
+
+.datetimepicker {
+    padding: 4px;
+}
+
+    .datetimepicker table tr td span {
+        white-space: nowrap;
+    }
+
 .bootstrap-table .table thead > tr > th {
     border-top: none;
 }
@@ -128,14 +176,6 @@ input.pending {
     padding: 5px;
 }
 
-.datetimepicker table tr td span {
-    white-space: nowrap;
-}
-
-.card-view:not(:last-child) {
-    margin-bottom: 6px;
-}
-
 .fixed-table-loading {
     padding: 8px;
 }
@@ -148,13 +188,22 @@ input.pending {
         border-bottom: none;
     }
 
+        .bootstrap-table .fixed-table-body .table td > a {
+            display: block;
+        }
+
     .bootstrap-table .fixed-table-toolbar .columns-right .btn-group .dropdown-menu {
-        padding: 10px 0;
+        padding-top: 8px;
     }
 
-.card {
+    .bootstrap-table .fixed-table-container .card-view .value > a, .bootstrap-table .fixed-table-container .card-view .value > div {
-    margin-bottom: 15px;
+        min-width: 60px;
-}
+        display: inline-block;
+    }
+
+    .bootstrap-table .card-view:not(:last-child) {
+        margin-bottom: 6px;
+    }
 
 .card-body .bootstrap-table {
     margin-top: -10px;
@@ -163,7 +212,17 @@ input.pending {
 .fixed-table-toolbar .dropdown-menu {
     min-width: unset;
 }
-/*Bootstrap Table BUG END*/
+
+.popover {
+    max-width: 320px;
+    padding: 0;
+}
+
+.popover-content {
+    max-height: 240px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
 
 .file-drop-zone.clickable:hover {
     border: 1px dashed #999;
@@ -244,3 +303,7 @@ input.pending {
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
 }
+
+.mCSB_scrollTools {
+    width: 10px;
+}