修改BUG：iOS小屏设备竖屏时打开侧边栏菜单，后背景过长导致菜单无法完全遮盖住背景内容

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

@@ -26,6 +26,10 @@
         margin-left: 0;
     }
 
+        #main-content.open {
+            display: none;
+        }
+
     .modal-dialog {
         width: 540px;
         margin: 20px auto;

Bootstrap.Admin/Content/css/admin.css

@@ -131,13 +131,9 @@
         text-align: left;
     }
 
-.sidebar-closed #main-content {
+    #main-content.closed {
         margin-left: 0;
-}
-
-.sidebar-closed #sidebar {
-    display: none !important;
-}
+    }
 
 #sidebar {
     width: 210px;

Bootstrap.Admin/Content/js/common-scripts.js

@@ -1,4 +1,7 @@
 $(function () {
+    var $sidebar = $("#sidebar");
+    var $main = $('#main-content');
+
     $('#nav-accordion').dcAccordion({
         eventType: 'click',
         autoClose: true,
@@ -20,21 +23,22 @@
 
     $('#websiteFooter').text($('#footer').val());
 
-    $('#sidebar').on('click', 'a', function () {
+    $sidebar.on('click', 'a', function () {
         var o = ($(this).offset());
         diff = 300 - o.top;
         if (diff > 0)
-            $("#sidebar").scrollTo("-=" + Math.abs(diff), 500);
+            $sidebar.scrollTo("-=" + Math.abs(diff), 500);
         else
-            $("#sidebar").scrollTo("+=" + Math.abs(diff), 500);
+            $sidebar.scrollTo("+=" + Math.abs(diff), 500);
     });
 
-    $('.sidebar-toggle-box').click(function () {
-        if ($('#sidebar').is(":visible") === true) {
-            $(".sidebar").addClass("sidebar-closed");
+    $('.sidebar-toggle-box').on('click', function () {
+        if ($sidebar.is(":visible") === true) {
+            $sidebar.hide();
+            $main.addClass('closed').removeClass('open');
         } else {
-            $(".sidebar").removeClass("sidebar-closed");
-            $("#sidebar").show();
+            $sidebar.show();
+            $main.addClass('open').removeClass('closed');
         }
     });
 

Bootstrap.Admin/Views/Shared/_Admin.cshtml

@@ -18,7 +18,7 @@
     <script src="~/Content/js/framework.js"></script>
     @RenderSection("Javascript", false)
 }
-<section class="sidebar">
+<section>
     @RenderSection("header", false)
     @RenderSection("navigator", false)
     <section id="main-content">