diff --git a/modules/docs/src/Volo.Docs.Application.Contracts/Volo/Docs/Documents/ContentWithDetailsDto.cs b/modules/docs/src/Volo.Docs.Application.Contracts/Volo/Docs/Documents/ContentWithDetailsDto.cs
index fc7b95e939..7e25fa76b1 100644
--- a/modules/docs/src/Volo.Docs.Application.Contracts/Volo/Docs/Documents/ContentWithDetailsDto.cs
+++ b/modules/docs/src/Volo.Docs.Application.Contracts/Volo/Docs/Documents/ContentWithDetailsDto.cs
@@ -43,11 +43,11 @@ namespace Volo.Docs.Documents
     public class NavigationWithDetailsDto : DocumentWithDetailsDto
     {
         [JsonProperty("items")]
-        public NavigationNode RootItem { get; set; }
+        public NavigationNode RootNode { get; set; }
 
         public void ConvertItems()
         {
-            RootItem = string.IsNullOrWhiteSpace(Content) ?
+            RootNode = string.IsNullOrWhiteSpace(Content) ?
                 new NavigationNode() :
                 JsonConvert.DeserializeObject<NavigationNode>(Content);
         }
diff --git a/modules/docs/src/Volo.Docs.Application/Volo/Docs/DocsApplicationAutoMapperProfile.cs b/modules/docs/src/Volo.Docs.Application/Volo/Docs/DocsApplicationAutoMapperProfile.cs
index c3f193d29e..943be96d56 100644
--- a/modules/docs/src/Volo.Docs.Application/Volo/Docs/DocsApplicationAutoMapperProfile.cs
+++ b/modules/docs/src/Volo.Docs.Application/Volo/Docs/DocsApplicationAutoMapperProfile.cs
@@ -14,7 +14,7 @@ namespace Volo.Docs
                 .Ignore(x => x.Project);
 
             CreateMap<DocumentWithDetailsDto, NavigationWithDetailsDto>()
-                .Ignore(x => x.RootItem);
+                .Ignore(x => x.RootNode);
         }
     }
 }
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Application/Volo/Docs/Documents/DocumentAppService.cs b/modules/docs/src/Volo.Docs.Application/Volo/Docs/Documents/DocumentAppService.cs
index 15595ab811..e2d338c094 100644
--- a/modules/docs/src/Volo.Docs.Application/Volo/Docs/Documents/DocumentAppService.cs
+++ b/modules/docs/src/Volo.Docs.Application/Volo/Docs/Documents/DocumentAppService.cs
@@ -65,7 +65,7 @@ namespace Volo.Docs.Documents
                 dto.Content = NormalizeLinks(dto.Content, project.ShortName, version);
                 dto.Content = NormalizeImages(dto.Content, dto.RawRootUrl);
             }
-            
+
             return dto;
         }
 
@@ -122,17 +122,25 @@ namespace Volo.Docs.Documents
 
         private static string NormalizeImages(string content, string documentRootAddress)
         {
-            var baseImageUrl = documentRootAddress;
-
-            if (content.Contains("images/"))
+            content = Regex.Replace(content, @"(<img\s+[^>]*)src=""([^""]*)""([^>]*>)", delegate (Match match)
             {
-                Console.Write("");
-            }
+                var newImageSource = documentRootAddress.EnsureEndsWith('/') + match.Groups[1].Value.TrimStart('/');
+                return match.Groups[1] + "src=\"" + newImageSource + "\"" + match.Groups[3];
+
+            }, RegexOptions.IgnoreCase | RegexOptions.Singleline | RegexOptions.Multiline);
 
-            var newSrcAttribute = "src=\"" + baseImageUrl + "images/\" data-src=\"" + baseImageUrl + "images/";
+            //var baseImageUrl = documentRootAddress;
 
-            return content.Replace("src=\"images/", newSrcAttribute)
-                .Replace("src=\"../images/", newSrcAttribute);
+            //if (content.Contains("images/"))
+            //{
+            //    Console.Write("");
+            //}
+
+            //var newSrcAttribute = "src=\"" + baseImageUrl + "images/\" data-src=\"" + baseImageUrl + "images/";
+
+            //return content.Replace("src=\"images/", newSrcAttribute)
+            //    .Replace("src=\"../images/", newSrcAttribute);
+            return content;
         }
     }
 }
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Application/Volo/Docs/Documents/GithubDocumentStore.cs b/modules/docs/src/Volo.Docs.Application/Volo/Docs/Documents/GithubDocumentStore.cs
index 53a8fbb861..ac32f3085e 100644
--- a/modules/docs/src/Volo.Docs.Application/Volo/Docs/Documents/GithubDocumentStore.cs
+++ b/modules/docs/src/Volo.Docs.Application/Volo/Docs/Documents/GithubDocumentStore.cs
@@ -79,7 +79,7 @@ namespace Volo.Docs.Documents
             return releases.OrderByDescending(r => r.PublishedAt).Select(r => r.TagName).ToList();
         }
 
-        private string GetGithubOrganizationNameFromUrl(string url)
+        private static string GetGithubOrganizationNameFromUrl(string url)
         {
             try
             {
diff --git a/modules/docs/src/Volo.Docs.Web/Areas/Documents/Helpers/TagHelpers/TreeTagHelper.cs b/modules/docs/src/Volo.Docs.Web/Areas/Documents/Helpers/TagHelpers/TreeTagHelper.cs
index 593dcf9174..d1febd8b5b 100644
--- a/modules/docs/src/Volo.Docs.Web/Areas/Documents/Helpers/TagHelpers/TreeTagHelper.cs
+++ b/modules/docs/src/Volo.Docs.Web/Areas/Documents/Helpers/TagHelpers/TreeTagHelper.cs
@@ -1,44 +1,74 @@
-using System.Linq;
+using System;
+using System.Text;
 using Microsoft.AspNetCore.Razor.TagHelpers;
 using Volo.Docs.Documents;
 
 namespace Volo.Docs.Areas.Documents.Helpers.TagHelpers
 {
-    [HtmlTargetElement("ul", Attributes = "root-item")]
+    [HtmlTargetElement("ul", Attributes = "root-node")]
     public class TreeTagHelper : TagHelper
     {
-        private const string LiItemTemplate = @"<li><label class='tree-toggle {3}'><span class='plus-icon'><i class='fa fa-chevron-down'></i></span></label><a href='{0}'>{1}</a>{2}</li>";
-        private const string UlItemTemplate = @"<ul class='nav nav-list tree'>{0}</ul>";
+        private const string LiItemTemplate = @"<li>
+                                                  <label class='tree-toggle {3}'>
+                                                      <span class='plus-icon'>
+                                                            <i class='fa fa-{4}'></i>
+                                                      </span>
+                                                  </label>
+                                                  <a href='{0}' class='{5}'>{1}</a>
+                                                {2}</li>";
 
-        [HtmlAttributeName("root-item")]
-        public NavigationNode RootItem { get; set; }
+        private const string UlItemTemplate = @"<ul class='nav nav-list tree'>
+                                                    {0}
+                                                </ul>";
+
+        [HtmlAttributeName("root-node")]
+        public NavigationNode RootNode { get; set; }
+
+        [HtmlAttributeName("version")]
+        public string Version { get; set; }
+
+        [HtmlAttributeName("project-name")]
+        public string ProjectName { get; set; }
 
         public override void Process(TagHelperContext context, TagHelperOutput output)
         {
-            output.Content.AppendHtml(RenderTreeNodeAsHtml(RootItem));
+            var content = new StringBuilder();
+            RootNode.Items?.ForEach(childNode =>
+                {
+                    content.Append(RenderTreeNodeAsHtml(childNode));
+                });
+
+            output.Content.AppendHtml(content.ToString());
         }
 
-        private static string RenderTreeNodeAsHtml(NavigationNode node)
+        private string RenderTreeNodeAsHtml(NavigationNode node)
         {
-            var childContent = "";
+            var content = "";
 
-            if (node.Items != null && node.Items.Any())
+            node.Items?.ForEach(innerNode =>
             {
-                node.Items.ForEach(innerNode =>
-                {
-                    childContent += string.Format(UlItemTemplate, RenderTreeNodeAsHtml(innerNode));
-                });
-            }
+                content += GetParentNode(innerNode);
+            });
 
-            if (node.IsEmpty)
-            {
-                return childContent;
-            }
+            return node.IsEmpty ?
+                content :
+                GetLeafNode(node, content);
+        }
 
+        private string GetParentNode(NavigationNode node)
+        {
+            return string.Format(UlItemTemplate, RenderTreeNodeAsHtml(node));
+        }
+
+        private string GetLeafNode(NavigationNode node, string content)
+        {
             return string.Format(LiItemTemplate,
-                string.IsNullOrWhiteSpace(node.Path) ? "#" : node.Path,
-                string.IsNullOrEmpty(node.Text) ? "?" : node.Text,
-                childContent, node.HasChildItems ? "nav-header" : "last-link");
+                node.Path.IsNullOrEmpty() ? "#" : "/documents/" + ProjectName + "/" + Version + "/" + node.Path,
+                node.Text.IsNullOrEmpty() ? "?" : node.Text,
+                content,
+                node.HasChildItems ? "nav-header" : "last-link",
+                node.HasChildItems ? "chevron-down" : "long-arrow-right",
+                node.Path.IsNullOrEmpty() ? "tree-toggle" : "");
         }
 
     }
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Index.cshtml b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Index.cshtml
index 3db68e67e6..32e813d544 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Index.cshtml
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Index.cshtml
@@ -1,32 +1,37 @@
 @page
 @using Volo.Docs
 @using Volo.Docs.Pages.Documents
-@model Volo.Docs.Pages.Documents.IndexModel
+@model IndexModel
 @{
 }
 @section styles {
     <abp-style-bundle name="@typeof(IndexModel).FullName">
-        <abp-style src="/Pages/Documents/Project/vs.css" />
+        <abp-style src="/Pages/Documents/vs.css" />
         <abp-style src="/assets/fa/css/font-awesome.min.css" />
     </abp-style-bundle>
 }
 
-<div class="p-5 text-center">
+<div class="p-5">
 
     @if (Model.Projects.Count > 0)
     {
-        <h2>Project(s)</h2>
-
-        foreach (var project in Model.Projects)
-        {
-            <div>
-                <a asp-page="./Project/Index"
-                   asp-route-projectName="@project.ShortName"
-                   asp-route-version="@DocsWebConsts.DefaultVersion.Version">
-                    @project.Name
-                </a>
-            </div>
-        }
+        <h1>Project(s)</h1>
+        <p>
+            <ul style="list-style-type: upper-roman;">
+                @foreach (var project in Model.Projects)
+                {
+                    <li>
+                        <h3>
+                            <a asp-page="./Project/Index"
+                               asp-route-projectName="@project.ShortName"
+                               asp-route-version="@DocsWebConsts.DefaultVersion.Version">
+                                @project.Name
+                            </a>
+                        </h3>
+                    </li>
+                }
+            </ul>
+        </p>
     }
     else
     {
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
index 86953b10c4..1602c00ec2 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml
@@ -17,7 +17,7 @@
 }
 @section styles {
     <abp-style-bundle name="@typeof(IndexModel).FullName">
-        <abp-style src="/Pages/Documents/Project/vs.css" />
+        <abp-style src="/Pages/Documents/vs.css" />
         <abp-style src="/lib/prism/prism.css" />
         <abp-style src="/lib/mCustomScrollbar/jquery.mCustomScrollbar.min.css" />
     </abp-style-bundle>
@@ -29,7 +29,7 @@
         <abp-script src="/lib/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js" />
         <abp-script src="/lib/prism/prism.js" />
         <abp-script src="/lib/popper.js/dist/umd/popper.min.js" />
-        <abp-script src="/Pages/Documents/Project/vs.js" />
+        <abp-script src="/Pages/Documents/vs.js" />
     </abp-script-bundle>
 }
 
@@ -66,33 +66,21 @@
 
                     @if (Model.Versions.Any())
                     {
-                        <div class="form-horizontal document-version">
-                            <div class="form-group">
-                                <div class="col-md-12">
-                                    @Html.DropDownList("DocumentVersion", Model.Versions.Select(v => new SelectListItem
-                                    {
-                                        Text = v.DisplayText,
-                                        Value = "/documents/" + Model.ProjectName + "/" + v.Version + "/" + Model.DocumentName,
-                                        Selected = v.IsSelected
-                                    }), new {@class = "form-control flat"})
-
-                                    <button class="btn btn-link bd-search-docs-toggle d-md-none p-0 ml-3"
-                                            type="button"
-                                            data-toggle="collapse"
-                                            data-target="#bd-docs-nav" aria-controls="bd-docs-nav"
-                                            aria-expanded="false" aria-label="Toggle docs navigation">
-                                        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30" width="30" height="30" focusable="false">
-                                            <title>Menu</title>
-                                            <path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22" />
-                                        </svg>
-                                    </button>
-                                </div>
-                            </div>
+                        <div class="col-md-12 docs-version">
+                            @Html.DropDownList("Version", Model.Versions.Select(v => new SelectListItem
+                            {
+                                Text = v.DisplayText,
+                                Value = "/documents/" + Model.ProjectName + "/" + v.Version + "/" + Model.DocumentName,
+                                Selected = v.IsSelected
+                            }), new {@class = "form-control"})
                         </div>
                     }
 
-                    <ul root-item="@Model.Navigation.RootItem" id="sidebar-scroll" class="nav nav-list"></ul>
-
+                    <ul root-node="@Model.Navigation.RootNode"
+                        version="@(Model.Version.IsNullOrEmpty() ? "latest" : Model.Version)"
+                        project-name="@Model.ProjectName"
+                        id="sidebar-scroll"
+                        class="nav nav-list"></ul>
                 </div>
             </div>
         </div>
@@ -102,185 +90,15 @@
                     <div data-spy="scroll" data-target="#docs-sticky-index" data-offset="0">
                         <article class="docs-body">
 
+                            <div style="float: right; top: 1em; position: relative;">
 
-
-
-                            <h1 id="dependency-injection">
-                                <a id="user-content-dependency-injection" class="anchor" href="#dependency-injection">
-                                    <i class="fa fa-link"></i>
-                                </a>Dependency Injection
-                            </h1>
-                            <p>ABP's Dependency Injection system is developed based on Microsoft's <a href="https://docs.microsoft.com/en-us/aspnet/core/fundamentals/dependency-injection" rel="nofollow">dependency injection extension</a> library (Microsoft.Extensions.DependencyInjection nuget package). So, it's documentation is valid in ABP too.</p>
-
-
-
-
-                            <h2 id="modularity">
-                                <a id="user-content-modularity" class="anchor" href="#modularity">
-                                    <i class="fa fa-link"></i>
-                                </a>Modularity
-                            </h2>
-                            <p>Since ABP is a modular framework, every module defines it's services and registers to dependency injection in a seperated place, in it's own <a href="/abpframework/abp/blob/master/docs/Module-Development-Basics.md">module class</a>. Example:</p>
-                            <div class="code-block">
-                                <pre class="line-numbers" data-line=""> 
-                                <code class="language-csharp">
-                                                public class BlogModule : AbpModule
-                                                {
-                                                    public override void ConfigureServices(ServiceConfigurationContext context)
-                                                    {
-                                                        //register dependencies here
-                                                    }
-                                                }
-                                            </code>
-                                        </pre>
-                            </div>
-
-
-
-
-                            <h2 id="conventional-registration">
-                                <a id="user-content-conventional-registration" class="anchor" href="#conventional-registration">
-                                    <i class="fa fa-link"></i>
-                                </a>Conventional Registration
-                            </h2>
-                            <p>ABP introduces conventional service registration. You should do nothing to register services by convention. It's automatically done. If you want to disable it, you can set <code>SkipAutoServiceRegistration</code> to <code>true</code> by overriding the <code>PreConfigureServices</code> method.</p>
-                            <div class="code-block">
-                                <pre class="line-numbers" data-line=""> 
-                                <code class="language-csharp">
-                                                {
-                                                    public override void PreConfigureServices(ServiceConfigurationContext context)
-                                                    {
-                                                        SkipAutoServiceRegistration = true;
-                                                    }
-                                                }
-                                            </code>
-                                        </pre>
-                            </div>
-                            <p>Once you skip auto registration, you should manually register your services. In that case, <code>AddAssemblyOf</code> extension method can help you to register all your services by convention. Example:</p>
-                            <div class="code-block">
-                                <pre class="line-numbers" data-line=""> 
-                                <code class="language-csharp">
-                                                {
-                                                    public override void PreConfigureServices(ServiceConfigurationContext context)
-                                                    {
-                                                        SkipAutoServiceRegistration = true;
-                                                    }
-                                                
-                                                    public override void ConfigureServices(ServiceConfigurationContext context)
-                                                    {
-                                                        context.Services.AddAssemblyOf< BlogModule >();
-                                                    }
-                                                }
-                                            </code>
-                                        </pre>
-                            </div>
-                            <p>The section below explains the conventions and configurations.</p>
-
-
-
-
-
-                            <h2 id="inherently-registered-types">
-                                <a id="user-content-inherently-registered-types" class="anchor" href="#inherently-registered-types">
-                                    <i class="fa fa-link"></i>
-                                </a>Inherently Registered Types
-                            </h2>
-                            <p>Some specific types are registered to dependency injection by default. Examples:</p>
-                            <ul>
-                                <li>Module classes are registered as singleton.</li>
-                                <li>MVC controllers (inherit <code>Controller</code> or <code>AbpController</code>) are registered as transient.</li>
-                                <li>MVC page models (inherit <code>PageModel</code> or <code>AbpPageModel</code>) are registered as transient.</li>
-                                <li>MVC view components (inherit <code>ViewComponent</code> or <code>AbpViewComponent</code>) are registered as transient.</li>
-                                <li>Application services (implement <code>IApplicationService</code> interface or inherit <code>ApplicationService</code> class) are registered as transient.</li>
-                                <li>Repositories (implement <code>IRepository</code> interface) are registered as transient.</li>
-                                <li>Domain services (implement <code>IDomainService</code> interface) are registered as transient.</li>
-                            </ul>
-                            <p>Example:</p>
-                            <div class="code-block">
-                                <pre class="line-numbers" data-line=""> 
-                                <code class="language-csharp">
-                                                public class BlogPostAppService : ApplicationService
-                                                {
-                                                }
-                                            </code>
-                                        </pre>
-                            </div>
-                            <p><code>BlogPostAppService</code> is automatically registered with transient lifetime since it's derived from a known base class.</p>
-
-
-
-
-                            <h2 id="dependency-interfaces">
-                                <a id="user-content-dependency-interfaces" class="anchor" href="#dependency-interfaces">
-                                    <i class="fa fa-link"></i>
-                                </a>Dependency Interfaces
-                            </h2>
-                            <p>If you implement these interfaces, your class is registered to dependency injection automatically:</p>
-                            <ul>
-                                <li><code>ITransientDependency</code> to register with transient lifetime.</li>
-                                <li><code>ISingletonDependency</code> to register with singleton lifetime.</li>
-                                <li><code>IScopedDependency</code> to register with scoped lifetime.</li>
-                            </ul>
-                            <p>Example:</p>
-                            <div class="code-block">
-                                <pre class="line-numbers" data-line=""> 
-                                <code class="language-csharp">
-                                                public class TaxCalculator : ITransientDependency
-                                                {
-                                                }
-                                            </code>
-                                        </pre>
+                                @if (!string.IsNullOrEmpty(Model.Document.EditLink))
+                                {
+                                    <a href="@Model.Document.EditLink" target="_blank"> <i class="fa fa-edit"></i> Edit @*TODO: localize*@</a>
+                                }
                             </div>
-                            <p><code>TaxCalculator</code> is automatically registered with transient lifetime since it implements <code>ITransientDependency</code>.</p>
-
-
-
-
-                            <h2 id="dependency-attribute">
-                                <a id="user-content-dependency-attribute" class="anchor" href="#dependency-attribute">
-                                    <i class="fa fa-link"></i>
-                                </a>Dependency Attribute
-                            </h2>
-                            <p>Another way of configuring a service for dependency injection is to use <code>DependencyAttribute</code>. It has given properties:</p>
-                            <ul>
-                                <li><code>Lifetime</code>: Lifetime of the registration: <code>Singleton</code>, <code>Transient</code> or <code>Scoped</code>.</li>
-                                <li><code>TryRegister</code>: Set <code>true</code> to register the service only it's not registered before. Uses TryAdd... extension methods of IServiceCollection.</li>
-                                <li><code>ReplaceServices</code>: Set <code>true</code> to replace services if they are already registered before. Uses Replace extension method of IServiceCollection.</li>
-                            </ul>
-                            <p>Example:</p>
-                            <div class="code-block">
-                                <pre class="line-numbers" data-line=""> 
-                                <code class="language-csharp">
-                                                public class TaxCalculator : ITransientDependency
-                                                {
-                                                }
-                                            </code>
-                                        </pre>
-                            </div>
-                            <p><code>Dependency</code> attribute has higher priority then dependency interfaces if it defines the <code>Lifetime</code> property.</p>
-
-
-
-
-
-                            <h2 id="exposeservices-attribute">
-                                <a id="user-content-exposeservices-attribute" class="anchor" href="#exposeservices-attribute">
-                                    <i class="fa fa-link"></i>
-                                </a>ExposeServices Attribute
-                            </h2>
-                            <p><code>ExposeServicesAttribute</code> is used to control which services are provided by the related class. Example:</p>
-                            <div class="code-block">
-                                <pre class="line-numbers" data-line=""> 
-                                <code class="language-csharp">
-                                                [ExposeServices(typeof(ITaxCalculator))]
-                                                public class TaxCalculator: ICalculator, ITaxCalculator, ICanCalculate, ITransientDependency
-                                                { 
-                                                } 
-                                            </code>
-                                        </pre>
-                            </div>
-
 
+                            @Html.Raw(Model.Document.Content)
 
                         </article>
                     </div>
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs
index cfe205c846..40b18cb51d 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml.cs
@@ -62,12 +62,6 @@ namespace Volo.Docs.Pages.Documents.Project
                 Versions.First().IsSelected = true;
             }
 
-            //if (string.Equals(Version, "latest", StringComparison.OrdinalIgnoreCase) || !Versions.Exists(v => v.Version == Version))
-            //{
-            //    Version = latestVersion.Version;
-            //    latestVersion.IsSelected = true;
-            //}
-
             if (Version == null)
             {
                 Version = Versions.Single(x => x.IsSelected).Version;
@@ -95,12 +89,5 @@ namespace Volo.Docs.Pages.Documents.Project
 
             Versions.Insert(0, DocsWebConsts.DefaultVersion);
         }
-
-        public void RenderTree()
-        {
-
-        }
-
-
     }
 }
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.css b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.css
deleted file mode 100644
index 70e5d24812..0000000000
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.css
+++ /dev/null
@@ -1,544 +0,0 @@
-.docs-page {
-  background: #f5f7f9;
-}
-
-.docs-page .docs-sidebar {
-  background: #f5f7f9;
-  padding-right: 1rem;
-  position: relative;
-  width: 270px;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper {
-  width: 270px;
-  top: 0px;
-  position: fixed;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search {
-  position: relative;
-  padding: 0 1rem;
-  margin: 1rem 0;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control {
-  background: none;
-  border-radius: 6px;
-  padding-left: 36px;
-  width: 100%;
-  background: #eeeff2;
-  border: 0;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:focus, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:active, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:hover, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:visited {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search {
-  position: absolute;
-  top: 0px;
-  padding: 8px 10px;
-  line-height: 1;
-  left: 16px;
-  background: none;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa {
-  color: #aaa;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list > ul {
-  display: block;
-  height: calc(100vh - 190px);
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul {
-  font-size: .913em;
-  list-style: none;
-  padding: 0 1rem;
-  margin: 0;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li {
-  margin-left: 0px;
-  padding-left: 24px;
-  display: block;
-  width: 100%;
-  position: relative;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label {
-  margin: 0;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle {
-  -webkit-transition: .3s;
-  transition: .3s;
-  display: inline-block;
-  width: 18px;
-  height: 18px;
-  text-align: center;
-  padding: 0;
-  line-height: 1;
-  border-radius: 50%;
-  margin-right: 4px;
-  position: absolute;
-  left: 2px;
-  top: 8px;
-  color: #aaa;
-  cursor: pointer;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover {
-  color: #000;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle .plus-icon {
-  font-size: .85em;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-  color: #000;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link {
-  top: 11px;
-  color: #aaa;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
-  color: #222;
-  font-weight: 700;
-  padding: 7px 0;
-  display: block;
-  border-bottom: 1px solid #eeeff3;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover {
-  color: #000;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul {
-  padding: 0;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li label.tree-toggle {
-  top: 7px;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a {
-  font-weight: 400;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul {
-  padding: 0;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a {
-  font-weight: 300;
-}
-
-.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a {
-  color: #38003c;
-  font-weight: bold;
-}
-
-.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand {
-  font-size: 1.5rem;
-  color: #000;
-  font-weight: 700;
-  padding: 20px 0 10px;
-  line-height: 1;
-}
-
-.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand strong {
-  font-weight: 300;
-  text-transform: uppercase;
-  font-size: .9rem;
-  opacity: .6;
-}
-
-.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site {
-  color: #000;
-  opacity: .15;
-  -webkit-transition: .4s;
-  transition: .4s;
-  font-size: .75rem;
-  font-weight: 300;
-}
-
-.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site:hover {
-  text-decoration: none;
-  opacity: .5;
-}
-
-.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc {
-  font-size: .85em;
-}
-
-.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc strong {
-  display: block;
-}
-
-.docs-page .docs-content .docs-text-field {
-  padding: 0 3rem 3rem;
-}
-
-.docs-page .docs-content article.docs-body h1 {
-  padding-top: 3rem;
-  font-size: 2.25rem;
-  padding-bottom: 10px;
-}
-
-.docs-page .docs-content article.docs-body h2 {
-  padding-top: 40px;
-  padding-bottom: 5px;
-  font-size: 1.75rem;
-}
-
-.docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
-  padding-top: 30px;
-  padding-bottom: 5px;
-}
-
-.docs-page .docs-content article.docs-body h1, .docs-page .docs-content article.docs-body h2, .docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
-  position: relative;
-  display: inline-block;
-}
-
-.docs-page .docs-content article.docs-body h1 .anchor, .docs-page .docs-content article.docs-body h2 .anchor, .docs-page .docs-content article.docs-body h3 .anchor, .docs-page .docs-content article.docs-body h4 .anchor, .docs-page .docs-content article.docs-body h5 .anchor, .docs-page .docs-content article.docs-body h6 .anchor {
-  position: absolute;
-  right: -26px;
-  font-size: 18px;
-  bottom: 5px;
-  color: #999;
-  opacity: 0;
-  -webkit-transition: .5s;
-  transition: .5s;
-}
-
-.docs-page .docs-content article.docs-body h1:hover .anchor, .docs-page .docs-content article.docs-body h2:hover .anchor, .docs-page .docs-content article.docs-body h3:hover .anchor, .docs-page .docs-content article.docs-body h4:hover .anchor, .docs-page .docs-content article.docs-body h5:hover .anchor, .docs-page .docs-content article.docs-body h6:hover .anchor {
-  opacity: 1;
-}
-
-.docs-page .docs-page-index {
-  position: relative;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors {
-  position: fixed;
-  top: 0px;
-  max-width: 270px;
-  padding: 10px;
-  font-size: .90em;
-  height: 100vh;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills {
-  font-size: .95em;
-  margin-left: 18px;
-  border-left: 1px solid #e5e5e5;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link {
-  padding: .2rem 0rem .2rem 1rem;
-  color: #aaa;
-  line-height: 1.1;
-  position: relative;
-  border-left: 3px solid transparent;
-  border-radius: 0;
-  margin-left: -2px;
-  margin-top: 2px;
-  margin-bottom: 2px;
-  -webkit-transition: .2s;
-  transition: .2s;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active {
-  background: none;
-  color: #000;
-  border-color: #000;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active {
-  color: #000;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active {
-  color: #000;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors > .navbar {
-  margin-left: -18px;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper {
-  max-width: 300px;
-  float: left;
-}
-
-.docs-page .docs-page-index .docs-inner-anchors .inner-title {
-  padding-left: 18px;
-}
-
-.docs-page .docs-page-index .scroll-top-btn {
-  display: none;
-  font-size: .85em;
-  color: #aaa;
-  text-decoration: none;
-  padding-left: 18px;
-}
-
-.docs-page .docs-page-index .scroll-top-btn.showup {
-  display: block;
-}
-
-@media (min-width: 1200px) {
-  .container {
-    max-width: 1180px;
-  }
-  .docs-page .docs-sidebar.dark-sidebar {
-    background: #222;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search input.form-control {
-    background: #333;
-    color: #999;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa {
-    color: #eee;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle {
-    color: #666;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover {
-    color: #fff;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened {
-    color: #fff;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link {
-    color: #666;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
-    color: #ddd;
-    border-bottom: 1px solid #333;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover {
-    color: #fff;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a {
-    color: #fff;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand {
-    color: #fff;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .go-back-site {
-    color: #fff;
-  }
-  .docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-logo-desc {
-    color: #ddd;
-  }
-}
-
-@media (min-width: 1366px) {
-  .container {
-    max-width: 1340px;
-  }
-}
-
-@media (min-width: 1440px) {
-  .container {
-    max-width: 1400px;
-  }
-}
-
-@media (max-width: 767px) {
-  .docs-page .docs-content article.docs-body h1 {
-    padding-top: 1.5rem;
-  }
-  .docs-page {
-    background: #f5f7f9;
-  }
-  .docs-page > .container-fluid {
-    display: block;
-  }
-  .docs-page > .container-fluid > .row {
-    display: block;
-  }
-  .docs-page .docs-sidebar {
-    position: fixed;
-    max-width: 100%;
-    width: 100%;
-    display: block;
-    padding: 0 !important;
-    top: 0;
-    left: 0;
-    z-index: 100;
-    right: 0;
-  }
-  .docs-page .docs-sidebar .docs-sidebar-wrapper {
-    max-width: 100%;
-    width: 100%;
-    top: 0px;
-    position: relative;
-    margin: 0 !important;
-    height: 72px;
-  }
-  .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list {
-    padding: .5rem 1.5rem 2rem 1.5rem;
-    position: fixed;
-    top: 70px;
-    font-size: 17px;
-    left: 0;
-    width: 100%;
-    z-index: 100;
-    background: #f5f7f9;
-    display: none;
-  }
-  .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search {
-    position: relative;
-    padding: 0 0 1rem !important;
-  }
-  .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search .btn-search {
-    left: 0px;
-  }
-  .docs-page .docs-sidebar .docs-top .navbar-logo {
-    padding: 0rem;
-    padding-top: .3rem;
-    display: block;
-    text-align: center;
-  }
-  .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand {
-    font-size: 1.5rem;
-    font-weight: 700;
-    display: block;
-    margin-right: 0em;
-    padding: 7px 0 10px;
-  }
-  .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand .docs-logo {
-    width: 110px;
-  }
-  .docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site {
-    display: none;
-  }
-  .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc {
-    font-size: 1em;
-    display: none;
-  }
-  .docs-page .docs-sidebar .docs-top .open-dmenu {
-    position: absolute;
-    top: 10px;
-    left: 20px;
-  }
-  .docs-page .docs-content {
-    padding-top: 72px;
-    max-width: 100%;
-    display: block !important;
-  }
-  .docs-page .docs-content .docs-text-field {
-    padding: 1rem 1.5rem;
-  }
-  .docs-page .docs-page-index {
-    display: none;
-  }
-}
-
-.for-mobile {
-  display: none;
-}
-
-.for-desktop {
-  display: inline-block;
-}
-
-@media (max-width: 767px) {
-  body {
-    font-size: 14px;
-  }
-  .for-mobile {
-    display: inline-block;
-  }
-  .for-desktop {
-    display: none;
-  }
-  .close-mmenu, .close-dmenu {
-    position: absolute;
-    top: -78px;
-    left: 25px;
-    color: #fff;
-    font-size: 68px;
-    background: #fff;
-    opacity: 0;
-  }
-  .navbar {
-    padding: .5rem 1.75rem;
-  }
-  .navbar .navbar-collapse {
-    background: #38003d;
-    position: fixed;
-    top: 86px;
-    left: 0;
-    width: 100%;
-    height: 100vh;
-    height: calc(100vh - 86px);
-    z-index: 100 !important;
-  }
-  .navbar .navbar-collapse .navbar-nav {
-    height: 100vh;
-    padding: 20px 30px;
-    overflow: auto;
-  }
-  .navbar .navbar-collapse .navbar-nav .nav-link {
-    padding: 1.2rem !important;
-  }
-  .navbar .navbar-toggler {
-    padding: .5rem .75rem;
-    font-size: 1.5rem;
-    line-height: 1;
-    background-color: transparent;
-    border: 0;
-    border-radius: .25rem;
-    color: #fff !important;
-    margin-left: -1rem;
-  }
-  .jumbotron .btn, footer .btn {
-    display: block;
-    margin-bottom: 10px;
-  }
-  .multi-tenancy {
-    text-align: center !important;
-  }
-  .section-with-logos img {
-    margin: 15px;
-    opacity: 1;
-    -webkit-filter: grayscale(0%);
-    filter: grayscale(0%);
-  }
-  .jumbotron {
-    padding-top: 160px;
-    margin-top: -160px;
-    border-radius: 0;
-    padding-bottom: 40px;
-    margin-bottom: 0;
-    font-size: .85em;
-    padding-left: 45px;
-    padding-right: 45px;
-  }
-  .jumbotron .jumbotron-logo {
-    display: none;
-  }
-  span.code-arrow {
-    padding: 0px 0 0px;
-    display: block;
-    -webkit-transform: rotate(90deg);
-            transform: rotate(90deg);
-    font-size: 2em;
-  }
-  .mb-5, .my-5 {
-    margin-bottom: 2rem !important;
-  }
-}
-/*# sourceMappingURL=vs.css.map */
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.css.map b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.css.map
deleted file mode 100644
index c230bbed0e..0000000000
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.css.map
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-    "version": 3,
-    "mappings": "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",
-    "sources": [
-        "vs.scss",
-        "_docs.scss",
-        "_responsive.scss"
-    ],
-    "names": [],
-    "file": "vs.css"
-}
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.js b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.js
deleted file mode 100644
index d22992fe28..0000000000
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.js
+++ /dev/null
@@ -1,90 +0,0 @@
-$('.tree-toggle').click(function() {
-    $(this).parent().children('ul.tree').toggle(100);
-    $(this).toggleClass("opened");
-});
-$(function() {
-    $('.tree-toggle').parent().children('ul.tree').toggle(100);
-})
-
-
-$(document).ready(function() {
-    var scrollTopBtn = $(".scroll-top-btn");
-    var enoughHeight = $(".docs-sidebar-wrapper > .docs-top").height() + 60;
-
-    $(window).scroll(function() {
-        var topPos = $(window).scrollTop();
-        if (topPos > enoughHeight) {
-            $(scrollTopBtn).addClass("showup");
-            $("body").addClass("scrolled");
-        } else {
-            $(scrollTopBtn).removeClass("showup");
-            $("body").removeClass("scrolled");
-        }
-    }); 
-
-    $(scrollTopBtn).click(function() {
-        $('html, body').animate({
-        scrollTop: 0
-        }, 500);
-        return false;
-    }); 
-}); 
-
-function handleSidebar() {
-    var sideBarPosition = $(".docs-sidebar").width() - 270; 
-    var sideBar = $(".docs-sidebar-wrapper");
-    sideBar.css("margin-left", sideBarPosition);
-}
-$(window).resize(function() { 
-    handleSidebar();
-}); 
-
-    handleSidebar();
-
-$(document).ready(function(){
-
-    $('body').scrollspy({
-            target: '#docs-sticky-index'
-    });
-    $("#docs-sticky-index a").on('click', function(event) { 
-        if (this.hash !== "") { 
-        event.preventDefault(); 
-        var hash = this.hash;
-        $('html, body').animate({
-            scrollTop: $(hash).offset().top
-            }, 800, function(){ 
-            window.location.hash = hash;
-        });
-        }  
-    });
-});
-
-
-$('.btn-toggle').on("click", function(){
-    $(".toggle-row").slideToggle(400);
-    $(this).toggleClass("less");
-});
-
-$('.close-mmenu').on("click", function(){
-    $(".navbar-collapse").removeClass("show"); 
-}); 
-
-$('.open-dmenu').on("click", function(){
-    $(".docs-tree-list").slideToggle(); 
-});
-
-
-(function($){
-    $(window).on("load",function(){ 
-        $("#sidebar-scroll").mCustomScrollbar({
-            theme:"minimal"
-        });  
-    });
-    $(window).on("load",function(){ 
-        $("#index-scroll").mCustomScrollbar({
-            theme:"minimal-dark"
-        });  
-    });
-})(jQuery);
-
- 
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.css b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.css
index 93f5225089..b3a1dae48e 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.css
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.css
@@ -196,10 +196,13 @@
     max-width: 1180px; }
   .docs-page .docs-sidebar.dark-sidebar {
     background: #222; }
-    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search input.form-control {
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .form-control, .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .form-control {
       background: #333;
       color: #999; }
-    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa {
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search select, .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version select {
+      border: 0;
+      border-radius: 6px; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa, .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .btn-search i.fa {
       color: #eee; }
     .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle {
       color: #666; }
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.min.css b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.min.css
index 8717ea29f3..c719bdc57b 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.min.css
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.min.css
@@ -1 +1 @@
-.docs-page{background:#f5f7f9;}.docs-page .docs-sidebar{background:#f5f7f9;padding-right:1rem;position:relative;width:270px;}.docs-page .docs-sidebar .docs-sidebar-wrapper{width:270px;top:0;position:fixed;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search{position:relative;padding:0 1rem;margin:1rem 0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control{background:none;border-radius:6px;padding-left:36px;width:100%;background:#eeeff2;border:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:focus,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:active,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:hover,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:visited{box-shadow:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search{position:absolute;top:0;padding:8px 10px;line-height:1;left:16px;background:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa{color:#aaa;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list>ul{display:block;height:calc(100vh - 190px);}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul{font-size:.913em;list-style:none;padding:0 1rem;margin:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li{margin-left:0;padding-left:24px;display:block;width:100%;position:relative;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label{margin:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle{transition:.3s;display:inline-block;width:18px;height:18px;text-align:center;padding:0;line-height:1;border-radius:50%;margin-right:4px;position:absolute;left:2px;top:8px;color:#aaa;cursor:pointer;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover{color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle .plus-icon{font-size:.85em;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened{transform:rotate(180deg);color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link{top:11px;color:#aaa;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a{color:#222;font-weight:700;padding:7px 0;display:block;border-bottom:1px solid #eeeff3;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover{color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul{padding:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li label.tree-toggle{top:7px;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a{font-weight:400;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul{padding:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a{font-weight:300;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree>a{color:#38003c;font-weight:bold;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand{font-size:1.5rem;color:#000;font-weight:700;padding:20px 0 10px;line-height:1;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand strong{font-weight:300;text-transform:uppercase;font-size:.9rem;opacity:.6;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site{color:#000;opacity:.15;transition:.4s;font-size:.75rem;font-weight:300;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site:hover{text-decoration:none;opacity:.5;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc{font-size:.85em;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc strong{display:block;}.docs-page .docs-content .docs-text-field{padding:0 3rem 3rem;}.docs-page .docs-content article.docs-body h1{padding-top:3rem;font-size:2.25rem;padding-bottom:10px;}.docs-page .docs-content article.docs-body h2{padding-top:40px;padding-bottom:5px;font-size:1.75rem;}.docs-page .docs-content article.docs-body h3,.docs-page .docs-content article.docs-body h4,.docs-page .docs-content article.docs-body h5,.docs-page .docs-content article.docs-body h6{padding-top:30px;padding-bottom:5px;}.docs-page .docs-content article.docs-body h1,.docs-page .docs-content article.docs-body h2,.docs-page .docs-content article.docs-body h3,.docs-page .docs-content article.docs-body h4,.docs-page .docs-content article.docs-body h5,.docs-page .docs-content article.docs-body h6{position:relative;display:inline-block;}.docs-page .docs-content article.docs-body h1 .anchor,.docs-page .docs-content article.docs-body h2 .anchor,.docs-page .docs-content article.docs-body h3 .anchor,.docs-page .docs-content article.docs-body h4 .anchor,.docs-page .docs-content article.docs-body h5 .anchor,.docs-page .docs-content article.docs-body h6 .anchor{position:absolute;right:-26px;font-size:18px;bottom:5px;color:#999;opacity:0;transition:.5s;}.docs-page .docs-content article.docs-body h1:hover .anchor,.docs-page .docs-content article.docs-body h2:hover .anchor,.docs-page .docs-content article.docs-body h3:hover .anchor,.docs-page .docs-content article.docs-body h4:hover .anchor,.docs-page .docs-content article.docs-body h5:hover .anchor,.docs-page .docs-content article.docs-body h6:hover .anchor{opacity:1;}.docs-page .docs-page-index{position:relative;}.docs-page .docs-page-index .docs-inner-anchors{position:fixed;top:0;max-width:270px;padding:10px;font-size:.9em;height:100vh;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills{font-size:.95em;margin-left:18px;border-left:1px solid #e5e5e5;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link{padding:.2rem 0 .2rem 1rem;color:#aaa;line-height:1.1;position:relative;border-left:3px solid transparent;border-radius:0;margin-left:-2px;margin-top:2px;margin-bottom:2px;transition:.2s;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active{background:none;color:#000;border-color:#000;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active{color:#000;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active{color:#000;}.docs-page .docs-page-index .docs-inner-anchors>.navbar{margin-left:-18px;}.docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper{max-width:300px;float:left;}.docs-page .docs-page-index .docs-inner-anchors .inner-title{padding-left:18px;}.docs-page .docs-page-index .scroll-top-btn{display:none;font-size:.85em;color:#aaa;text-decoration:none;padding-left:18px;}.docs-page .docs-page-index .scroll-top-btn.showup{display:block;}@media(min-width:1200px){.container{max-width:1180px;}.docs-page .docs-sidebar.dark-sidebar{background:#222;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search input.form-control{background:#333;color:#999;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa{color:#eee;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle{color:#666;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link{color:#666;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a{color:#ddd;border-bottom:1px solid #333;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree>a{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .go-back-site{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-logo-desc{color:#ddd;}}@media(min-width:1366px){.container{max-width:1340px;}}@media(min-width:1440px){.container{max-width:1400px;}}@media(max-width:767px){.docs-page .docs-content article.docs-body h1{padding-top:1.5rem;}.docs-page{background:#f5f7f9;}.docs-page>.container-fluid{display:block;}.docs-page>.container-fluid>.row{display:block;}.docs-page .docs-sidebar{position:fixed;max-width:100%;width:100%;display:block;padding:0 !important;top:0;left:0;z-index:100;right:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper{max-width:100%;width:100%;top:0;position:relative;margin:0 !important;height:72px;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list{padding:.5rem 1.5rem 2rem 1.5rem;position:fixed;top:70px;font-size:17px;left:0;width:100%;z-index:100;background:#f5f7f9;display:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search{position:relative;padding:0 0 1rem !important;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search .btn-search{left:0;}.docs-page .docs-sidebar .docs-top .navbar-logo{padding:0;padding-top:.3rem;display:block;text-align:center;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand{font-size:1.5rem;font-weight:700;display:block;margin-right:0;padding:7px 0 10px;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand .docs-logo{width:110px;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site{display:none;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc{font-size:1em;display:none;}.docs-page .docs-sidebar .docs-top .open-dmenu{position:absolute;top:10px;left:20px;}.docs-page .docs-content{padding-top:72px;max-width:100%;display:block !important;}.docs-page .docs-content .docs-text-field{padding:1rem 1.5rem;}.docs-page .docs-page-index{display:none;}}.for-mobile{display:none;}.for-desktop{display:inline-block;}
\ No newline at end of file
+.docs-page{background:#f5f7f9;}.docs-page .docs-sidebar{background:#f5f7f9;padding-right:1rem;position:relative;width:270px;}.docs-page .docs-sidebar .docs-sidebar-wrapper{width:270px;top:0;position:fixed;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search{position:relative;padding:0 1rem;margin:1rem 0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control{background:none;border-radius:6px;padding-left:36px;width:100%;background:#eeeff2;border:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:focus,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:active,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:hover,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:visited{box-shadow:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search{position:absolute;top:0;padding:8px 10px;line-height:1;left:16px;background:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa{color:#aaa;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list>ul{display:block;height:calc(100vh - 190px);}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul{font-size:.913em;list-style:none;padding:0 1rem;margin:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li{margin-left:0;padding-left:24px;display:block;width:100%;position:relative;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label{margin:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle{transition:.3s;display:inline-block;width:18px;height:18px;text-align:center;padding:0;line-height:1;border-radius:50%;margin-right:4px;position:absolute;left:2px;top:8px;color:#aaa;cursor:pointer;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover{color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle .plus-icon{font-size:.85em;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened{transform:rotate(180deg);color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link{top:11px;color:#aaa;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a{color:#222;font-weight:700;padding:7px 0;display:block;border-bottom:1px solid #eeeff3;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover{color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul{padding:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li label.tree-toggle{top:7px;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a{font-weight:400;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul{padding:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a{font-weight:300;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree>a{color:#38003c;font-weight:bold;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand{font-size:1.5rem;color:#000;font-weight:700;padding:20px 0 10px;line-height:1;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand strong{font-weight:300;text-transform:uppercase;font-size:.9rem;opacity:.6;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site{color:#000;opacity:.15;transition:.4s;font-size:.75rem;font-weight:300;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site:hover{text-decoration:none;opacity:.5;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc{font-size:.85em;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc strong{display:block;}.docs-page .docs-content .docs-text-field{padding:0 3rem 3rem;}.docs-page .docs-content article.docs-body h1{padding-top:3rem;font-size:2.25rem;padding-bottom:10px;}.docs-page .docs-content article.docs-body h2{padding-top:40px;padding-bottom:5px;font-size:1.75rem;}.docs-page .docs-content article.docs-body h3,.docs-page .docs-content article.docs-body h4,.docs-page .docs-content article.docs-body h5,.docs-page .docs-content article.docs-body h6{padding-top:30px;padding-bottom:5px;}.docs-page .docs-content article.docs-body h1,.docs-page .docs-content article.docs-body h2,.docs-page .docs-content article.docs-body h3,.docs-page .docs-content article.docs-body h4,.docs-page .docs-content article.docs-body h5,.docs-page .docs-content article.docs-body h6{position:relative;display:inline-block;}.docs-page .docs-content article.docs-body h1 .anchor,.docs-page .docs-content article.docs-body h2 .anchor,.docs-page .docs-content article.docs-body h3 .anchor,.docs-page .docs-content article.docs-body h4 .anchor,.docs-page .docs-content article.docs-body h5 .anchor,.docs-page .docs-content article.docs-body h6 .anchor{position:absolute;right:-26px;font-size:18px;bottom:5px;color:#999;opacity:0;transition:.5s;}.docs-page .docs-content article.docs-body h1:hover .anchor,.docs-page .docs-content article.docs-body h2:hover .anchor,.docs-page .docs-content article.docs-body h3:hover .anchor,.docs-page .docs-content article.docs-body h4:hover .anchor,.docs-page .docs-content article.docs-body h5:hover .anchor,.docs-page .docs-content article.docs-body h6:hover .anchor{opacity:1;}.docs-page .docs-page-index{position:relative;}.docs-page .docs-page-index .docs-inner-anchors{position:fixed;top:0;max-width:270px;padding:10px;font-size:.9em;height:100vh;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills{font-size:.95em;margin-left:18px;border-left:1px solid #e5e5e5;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link{padding:.2rem 0 .2rem 1rem;color:#aaa;line-height:1.1;position:relative;border-left:3px solid transparent;border-radius:0;margin-left:-2px;margin-top:2px;margin-bottom:2px;transition:.2s;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active{background:none;color:#000;border-color:#000;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active{color:#000;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active{color:#000;}.docs-page .docs-page-index .docs-inner-anchors>.navbar{margin-left:-18px;}.docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper{max-width:300px;float:left;}.docs-page .docs-page-index .docs-inner-anchors .inner-title{padding-left:18px;}.docs-page .docs-page-index .scroll-top-btn{display:none;font-size:.85em;color:#aaa;text-decoration:none;padding-left:18px;}.docs-page .docs-page-index .scroll-top-btn.showup{display:block;}@media(min-width:1200px){.container{max-width:1180px;}.docs-page .docs-sidebar.dark-sidebar{background:#222;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .form-control,.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .form-control{background:#333;color:#999;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search select,.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version select{border:0;border-radius:6px;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa,.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .btn-search i.fa{color:#eee;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle{color:#666;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link{color:#666;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a{color:#ddd;border-bottom:1px solid #333;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree>a{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .go-back-site{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-logo-desc{color:#ddd;}}@media(min-width:1366px){.container{max-width:1340px;}}@media(min-width:1440px){.container{max-width:1400px;}}@media(max-width:767px){.docs-page .docs-content article.docs-body h1{padding-top:1.5rem;}.docs-page{background:#f5f7f9;}.docs-page>.container-fluid{display:block;}.docs-page>.container-fluid>.row{display:block;}.docs-page .docs-sidebar{position:fixed;max-width:100%;width:100%;display:block;padding:0 !important;top:0;left:0;z-index:100;right:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper{max-width:100%;width:100%;top:0;position:relative;margin:0 !important;height:72px;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list{padding:.5rem 1.5rem 2rem 1.5rem;position:fixed;top:70px;font-size:17px;left:0;width:100%;z-index:100;background:#f5f7f9;display:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search{position:relative;padding:0 0 1rem !important;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search .btn-search{left:0;}.docs-page .docs-sidebar .docs-top .navbar-logo{padding:0;padding-top:.3rem;display:block;text-align:center;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand{font-size:1.5rem;font-weight:700;display:block;margin-right:0;padding:7px 0 10px;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand .docs-logo{width:110px;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site{display:none;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc{font-size:1em;display:none;}.docs-page .docs-sidebar .docs-top .open-dmenu{position:absolute;top:10px;left:20px;}.docs-page .docs-content{padding-top:72px;max-width:100%;display:block !important;}.docs-page .docs-content .docs-text-field{padding:1rem 1.5rem;}.docs-page .docs-page-index{display:none;}}.for-mobile{display:none;}.for-desktop{display:inline-block;}
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.scss b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.scss
index c7730ce668..775102a165 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.scss
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.scss
@@ -1,60 +1,72 @@
- 
+
 .docs-page {
-    background: rgb(245, 247, 249);  
-    .docs-sidebar { 
+    background: rgb(245, 247, 249);
+
+    .docs-sidebar {
         background: #f5f7f9;
         padding-right: 1rem;
         position: relative;
-        width: 270px;  
+        width: 270px;
+
         .docs-sidebar-wrapper {
-           width: 270px;
-           top: 0px;
-           position: fixed; 
-           .docs-search {
+            width: 270px;
+            top: 0px;
+            position: fixed;
+
+            .docs-search {
                 position: relative;
-                padding:0 1rem;
+                padding: 0 1rem;
                 margin: 1rem 0;
+
                 input.form-control {
                     background: none;
                     border-radius: 6px;
                     padding-left: 36px;
                     width: 100%;
                     background: #eeeff2;
-                    border: 0; 
+                    border: 0;
+
                     &:focus, &:active, &:hover, &:visited {
                         box-shadow: none;
                     }
                 }
+
                 .btn-search {
                     position: absolute;
                     top: 0px;
                     padding: 8px 10px;
                     line-height: 1;
                     left: 16px;
-                    background: none; 
+                    background: none;
+
                     i.fa {
                         color: #aaa;
                     }
                 }
             }
-           .docs-tree-list{
-                >ul { 
+
+            .docs-tree-list {
+                > ul {
                     display: block;
-                    height: calc(100vh - 190px); 
+                    height: calc(100vh - 190px);
                 }
+
                 ul {
                     font-size: .913em;
                     list-style: none;
                     padding: 0 1rem;
                     margin: 0;
+
                     li {
                         margin-left: 0px;
                         padding-left: 24px;
                         display: block;
                         width: 100%;
                         position: relative;
+
                         label {
                             margin: 0;
+
                             &.tree-toggle {
                                 transition: .3s;
                                 display: inline-block;
@@ -67,48 +79,59 @@
                                 margin-right: 4px;
                                 position: absolute;
                                 left: 2px;
-                                top:8px;
-                                color: #aaa; 
-                                cursor: pointer; 
+                                top: 8px;
+                                color: #aaa;
+                                cursor: pointer;
+
                                 &:hover {
                                     color: #000;
                                 }
+
                                 .plus-icon {
-                                    font-size: .85em; 
+                                    font-size: .85em;
                                 }
-                                &:not(.last-link).opened{
-                                    transform: rotate(180deg); 
+
+                                &:not(.last-link).opened {
+                                    transform: rotate(180deg);
                                     color: #000;
                                 }
-                                &.last-link { 
-                                    top:11px;
+
+                                &.last-link {
+                                    top: 11px;
                                     color: #aaa;
                                 }
                             }
                         }
+
                         a {
                             color: #222;
                             font-weight: 700;
                             padding: 7px 0;
                             display: block;
                             border-bottom: 1px solid #eeeff3;
+
                             &:hover {
                                 color: #000;
                             }
                         }
+
                         ul {
                             padding: 0;
+
                             li {
                                 label {
                                     &.tree-toggle {
                                         top: 7px;
                                     }
                                 }
+
                                 a {
                                     font-weight: 400;
                                 }
+
                                 ul {
                                     padding: 0;
+
                                     li {
                                         a {
                                             font-weight: 300;
@@ -117,24 +140,27 @@
                                 }
                             }
                         }
+
                         &.selected-tree {
-                            >a {
+                            > a {
                                 color: #38003c;
                                 font-weight: bold;
-                            } 
+                            }
                         }
                     }
                 }
-           }
-        } 
-        .docs-top {  
+            }
+        }
+
+        .docs-top {
             .navbar-logo {
                 .navbar-brand {
                     font-size: 1.5rem;
                     color: #000;
-                    font-weight: 700;  
+                    font-weight: 700;
                     padding: 20px 0 10px;
-                    line-height: 1; 
+                    line-height: 1;
+
                     strong {
                         font-weight: 300;
                         text-transform: uppercase;
@@ -142,47 +168,59 @@
                         opacity: .6;
                     }
                 }
+
                 .go-back-site {
                     color: #000;
                     opacity: .15;
                     transition: .4s;
                     font-size: .75rem;
                     font-weight: 300;
+
                     &:hover {
                         text-decoration: none;
                         opacity: .5;
                     }
                 }
+
                 .navbar-logo-desc {
                     font-size: .85em;
-                    strong {display: block;}
+
+                    strong {
+                        display: block;
+                    }
                 }
             }
-        }  
+        }
     }
-    .docs-content { 
+
+    .docs-content {
         .docs-text-field {
             padding: 0 3rem 3rem;
-        } 
+        }
+
         article.docs-body {
-            h1 { 
-                padding-top: 3rem; 
+            h1 {
+                padding-top: 3rem;
                 font-size: 2.25rem;
                 padding-bottom: 10px;
             }
+
             h2 {
-                padding-top: 40px; 
+                padding-top: 40px;
                 padding-bottom: 5px;
                 font-size: 1.75rem;
             }
-            h3,h4,h5,h6 {
-                padding-top: 30px; 
+
+            h3, h4, h5, h6 {
+                padding-top: 30px;
                 padding-bottom: 5px;
             }
-            h1,h2,h3,h4,h5,h6 {
+
+            h1, h2, h3, h4, h5, h6 {
                 position: relative;
                 display: inline-block;
-                .anchor {    
+
+                .anchor {
                     position: absolute;
                     right: -26px;
                     font-size: 18px;
@@ -191,154 +229,190 @@
                     opacity: 0;
                     transition: .5s;
                 }
+
                 &:hover {
-                    .anchor {     
-                        opacity: 1; 
-                    } 
+                    .anchor {
+                        opacity: 1;
+                    }
                 }
             }
         }
     }
+
     .docs-page-index {
         position: relative;
+
         .docs-inner-anchors {
             position: fixed;
-            top: 0px; 
+            top: 0px;
             max-width: 270px;
-            padding: 10px; 
+            padding: 10px;
             font-size: .90em;
             height: 100vh;
+
             .navbar {
                 .nav-pills {
                     font-size: .95em;
                     margin-left: 18px;
                     border-left: 1px solid #e5e5e5;
+
                     .nav-link {
-                        padding: .2rem 0rem .2rem 1rem; 
-                        color: #aaa; 
+                        padding: .2rem 0rem .2rem 1rem;
+                        color: #aaa;
                         line-height: 1.1;
-                        position: relative; 
+                        position: relative;
                         border-left: 3px solid transparent;
-                        border-radius: 0; 
-                        margin-left:-2px;
+                        border-radius: 0;
+                        margin-left: -2px;
                         margin-top: 2px;
                         margin-bottom: 2px;
                         transition: .2s;
+
                         &.active {
                             background: none;
                             color: #000;
-                           border-color: #000;
+                            border-color: #000;
                         }
                     }
+
                     .nav-pills {
-                        .nav-link {  
-                            &.active { 
+                        .nav-link {
+                            &.active {
                                 color: #000;
                             }
                         }
+
                         .nav-pills {
-                            .nav-link {  
-                                &.active { 
+                            .nav-link {
+                                &.active {
                                     color: #000;
                                 }
                             }
                         }
                     }
                 }
-            } 
-            >.navbar {
+            }
+
+            > .navbar {
                 margin-left: -18px;
             }
+
             .docs-anchors-wrapper {
                 max-width: 300px;
                 float: left;
             }
+
             .inner-title {
                 padding-left: 18px;
             }
         }
-        .scroll-top-btn { 
-            display: none; 
-            font-size: .85em; 
-            color: #aaa; 
+
+        .scroll-top-btn {
+            display: none;
+            font-size: .85em;
+            color: #aaa;
             text-decoration: none;
             padding-left: 18px;
-            &.showup { display: block;}
+
+            &.showup {
+                display: block;
+            }
         }
-    } 
+    }
 }
- 
+
 
 @media (min-width: 1200px) {
     .container {
         max-width: 1180px;
     }
-    .docs-page { 
-        .docs-sidebar {   
-            &.dark-sidebar { 
-                background: #222; 
-                .docs-sidebar-wrapper { 
-                    .docs-search { 
-                            input.form-control { 
-                                background: #333;
-                                color: #999;  
-                            }
-                            .btn-search { 
-                                i.fa { 
-                                    color: #eee;
-                                }
+
+    .docs-page {
+        .docs-sidebar {
+            &.dark-sidebar {
+                background: #222;
+
+                .docs-sidebar-wrapper {
+
+                    .docs-search, .docs-version {
+                        .form-control {
+                            background: #333;
+                            color: #999;
+                        }
+
+                        select {
+                            border: 0;
+                            border-radius: 6px;
+                        }
+
+                        .btn-search {
+                            i.fa {
+                                color: #eee;
                             }
                         }
-                    .docs-tree-list{ 
-                        ul {   
-                            li {  
-                                label { 
-                                    &.tree-toggle { 
-                                        color: #666; 
+                    }
+
+                    .docs-tree-list {
+
+                        ul {
+                            li {
+                                label {
+                                    &.tree-toggle {
+                                        color: #666;
+
                                         &:hover {
                                             color: #fff;
                                         }
-                                        .plus-icon { 
+
+                                        .plus-icon {
                                         }
-                                        &:not(.last-link).opened{ 
+
+                                        &:not(.last-link).opened {
                                             color: #fff;
                                         }
-                                        &.last-link {  
+
+                                        &.last-link {
                                             color: #666;
                                         }
                                     }
                                 }
+
                                 a {
-                                    color: #ddd; 
+                                    color: #ddd;
                                     border-bottom: 1px solid #333;
+
                                     &:hover {
                                         color: #fff;
                                     }
-                                } 
+                                }
+
                                 &.selected-tree {
-                                    >a {
-                                        color: #fff; 
-                                    } 
+                                    > a {
+                                        color: #fff;
+                                    }
                                 }
                             }
                         }
                     }
-                } 
-                .docs-top {  
+                }
+
+                .docs-top {
                     .navbar-logo {
-                        .navbar-brand { 
-                            color: #fff;   
+                        .navbar-brand {
+                            color: #fff;
                         }
+
                         .go-back-site {
-                            color: #fff; 
+                            color: #fff;
                         }
-                        .navbar-logo-desc { 
-                            color: #ddd; 
+
+                        .navbar-logo-desc {
+                            color: #ddd;
                         }
                     }
                 }
             }
-        } 
+        }
     }
 }
 
@@ -353,20 +427,24 @@
         max-width: 1400px;
     }
 }
- 
+
 @media (max-width: 767px) {
     .docs-page .docs-content article.docs-body h1 {
-        padding-top: 1.5rem; 
+        padding-top: 1.5rem;
     }
+
     .docs-page {
         > .container-fluid {
-            display:block;
+            display: block;
+
             > .row {
-                display:block;
+                display: block;
             }
         }
-        background: rgb(245, 247, 249); 
-        .docs-sidebar { 
+
+        background: rgb(245, 247, 249);
+
+        .docs-sidebar {
             position: fixed;
             max-width: 100%;
             width: 100%;
@@ -376,79 +454,91 @@
             left: 0;
             z-index: 100;
             right: 0;
-            
+
             .docs-sidebar-wrapper {
-               max-width: 100%;
-               width: 100%; 
-               top: 0px;
-               position: relative; 
-               margin: 0!important;
-               height: 72px;
-
-               .docs-tree-list{ 
-                padding: .5rem 1.5rem 2rem 1.5rem;
-              position: fixed;
-              top: 70px;
-              font-size: 17px;
-              left: 0;
-              width: 100%;
-              z-index: 100;
-              background: #f5f7f9;
-              display: none;
-                    .docs-search { 
+                max-width: 100%;
+                width: 100%;
+                top: 0px;
+                position: relative;
+                margin: 0 !important;
+                height: 72px;
+
+                .docs-tree-list {
+                    padding: .5rem 1.5rem 2rem 1.5rem;
+                    position: fixed;
+                    top: 70px;
+                    font-size: 17px;
+                    left: 0;
+                    width: 100%;
+                    z-index: 100;
+                    background: #f5f7f9;
+                    display: none;
+
+                    .docs-search {
                         position: relative;
-                        padding: 0 0 1rem !important; 
-                        .btn-search {  
-                            left: 0px; 
+                        padding: 0 0 1rem !important;
+
+                        .btn-search {
+                            left: 0px;
                         }
-                    } 
-               }
-            } 
-            .docs-top {   
+                    }
+                }
+            }
+
+            .docs-top {
                 .navbar-logo {
                     padding: 0rem;
-                    padding-top:.3rem;
+                    padding-top: .3rem;
                     display: block;
                     text-align: center;
+
                     .navbar-brand {
                         font-size: 1.5rem;
                         font-weight: 700;
-                        display: block;  
+                        display: block;
                         margin-right: 0em;
                         padding: 7px 0 10px;
+
                         .docs-logo {
                             width: 110px;
-                        } 
-                    } 
+                        }
+                    }
+
                     .go-back-site {
                         display: none;
                     }
+
                     .navbar-logo-desc {
-                        font-size: 1em; 
-                        display:none;
+                        font-size: 1em;
+                        display: none;
                     }
-                } 
+                }
+
                 .open-dmenu {
                     position: absolute;
                     top: 10px;
                     left: 20px;
-                    .navbar-toggler-icon {   
+
+                    .navbar-toggler-icon {
                     }
                 }
             }
         }
+
         .docs-content {
-            padding-top:72px;
+            padding-top: 72px;
             max-width: 100%;
-            display: block !important; 
+            display: block !important;
+
             .docs-text-field {
                 padding: 1rem 1.5rem;
-            } 
+            }
         }
+
         .docs-page-index {
-            display:none;
-        } 
-    } 
+            display: none;
+        }
+    }
 }
 
 
@@ -456,6 +546,7 @@
 .for-mobile {
     display: none;
 }
+
 .for-desktop {
     display: inline-block;
-}
\ No newline at end of file
+}
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/_responsive.css b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_responsive.css
new file mode 100644
index 0000000000..ea46f1f37f
--- /dev/null
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_responsive.css
@@ -0,0 +1,79 @@
+body {
+  font-size: 14px; }
+
+.for-mobile {
+  display: inline-block; }
+
+.for-desktop {
+  display: none; }
+
+.close-mmenu, .close-dmenu {
+  position: absolute;
+  top: -78px;
+  left: 25px;
+  color: #fff;
+  font-size: 68px;
+  background: #fff;
+  opacity: 0; }
+
+.navbar {
+  padding: .5rem 1.75rem; }
+  .navbar .navbar-collapse {
+    background: #38003d;
+    position: fixed;
+    top: 86px;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    height: calc(100vh - 86px);
+    z-index: 100 !important; }
+    .navbar .navbar-collapse .navbar-nav {
+      height: 100vh;
+      padding: 20px 30px;
+      overflow: auto; }
+      .navbar .navbar-collapse .navbar-nav .nav-link {
+        padding: 1.2rem !important; }
+  .navbar .navbar-toggler {
+    padding: .5rem .75rem;
+    font-size: 1.5rem;
+    line-height: 1;
+    background-color: transparent;
+    border: 0;
+    border-radius: .25rem;
+    color: #fff !important;
+    margin-left: -1rem; }
+
+.jumbotron .btn, footer .btn {
+  display: block;
+  margin-bottom: 10px; }
+
+.multi-tenancy {
+  text-align: center !important; }
+
+.section-with-logos img {
+  margin: 15px;
+  opacity: 1;
+  -webkit-filter: grayscale(0%);
+  filter: grayscale(0%); }
+
+.jumbotron {
+  padding-top: 160px;
+  margin-top: -160px;
+  border-radius: 0;
+  padding-bottom: 40px;
+  margin-bottom: 0;
+  font-size: .85em;
+  padding-left: 45px;
+  padding-right: 45px; }
+  .jumbotron .jumbotron-logo {
+    display: none; }
+
+span.code-arrow {
+  padding: 0px 0 0px;
+  display: block;
+  transform: rotate(90deg);
+  font-size: 2em; }
+
+.mb-5, .my-5 {
+  margin-bottom: 2rem !important; }
+
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/_responsive.min.css b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_responsive.min.css
new file mode 100644
index 0000000000..f990e0d7f0
--- /dev/null
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/_responsive.min.css
@@ -0,0 +1 @@
+body{font-size:14px;}.for-mobile{display:inline-block;}.for-desktop{display:none;}.close-mmenu,.close-dmenu{position:absolute;top:-78px;left:25px;color:#fff;font-size:68px;background:#fff;opacity:0;}.navbar{padding:.5rem 1.75rem;}.navbar .navbar-collapse{background:#38003d;position:fixed;top:86px;left:0;width:100%;height:100vh;height:calc(100vh - 86px);z-index:100 !important;}.navbar .navbar-collapse .navbar-nav{height:100vh;padding:20px 30px;overflow:auto;}.navbar .navbar-collapse .navbar-nav .nav-link{padding:1.2rem !important;}.navbar .navbar-toggler{padding:.5rem .75rem;font-size:1.5rem;line-height:1;background-color:transparent;border:0;border-radius:.25rem;color:#fff !important;margin-left:-1rem;}.jumbotron .btn,footer .btn{display:block;margin-bottom:10px;}.multi-tenancy{text-align:center !important;}.section-with-logos img{margin:15px;opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%);}.jumbotron{padding-top:160px;margin-top:-160px;border-radius:0;padding-bottom:40px;margin-bottom:0;font-size:.85em;padding-left:45px;padding-right:45px;}.jumbotron .jumbotron-logo{display:none;}span.code-arrow{padding:0 0 0;display:block;transform:rotate(90deg);font-size:2em;}.mb-5,.my-5{margin-bottom:2rem !important;}
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.css b/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.css
new file mode 100644
index 0000000000..25b00fe399
--- /dev/null
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.css
@@ -0,0 +1,384 @@
+.docs-page {
+  background: #f5f7f9; }
+  .docs-page .docs-sidebar {
+    background: #f5f7f9;
+    padding-right: 1rem;
+    position: relative;
+    width: 270px; }
+    .docs-page .docs-sidebar .docs-sidebar-wrapper {
+      width: 270px;
+      top: 0px;
+      position: fixed; }
+      .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search {
+        position: relative;
+        padding: 0 1rem;
+        margin: 1rem 0; }
+        .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control {
+          background: none;
+          border-radius: 6px;
+          padding-left: 36px;
+          width: 100%;
+          background: #eeeff2;
+          border: 0; }
+          .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:focus, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:active, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:hover, .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:visited {
+            box-shadow: none; }
+        .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search {
+          position: absolute;
+          top: 0px;
+          padding: 8px 10px;
+          line-height: 1;
+          left: 16px;
+          background: none; }
+          .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa {
+            color: #aaa; }
+      .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list > ul {
+        display: block;
+        height: calc(100vh - 190px); }
+      .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul {
+        font-size: .913em;
+        list-style: none;
+        padding: 0 1rem;
+        margin: 0; }
+        .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li {
+          margin-left: 0px;
+          padding-left: 24px;
+          display: block;
+          width: 100%;
+          position: relative; }
+          .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label {
+            margin: 0; }
+            .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle {
+              transition: .3s;
+              display: inline-block;
+              width: 18px;
+              height: 18px;
+              text-align: center;
+              padding: 0;
+              line-height: 1;
+              border-radius: 50%;
+              margin-right: 4px;
+              position: absolute;
+              left: 2px;
+              top: 8px;
+              color: #aaa;
+              cursor: pointer; }
+              .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover {
+                color: #000; }
+              .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle .plus-icon {
+                font-size: .85em; }
+              .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened {
+                transform: rotate(180deg);
+                color: #000; }
+              .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link {
+                top: 11px;
+                color: #aaa; }
+          .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
+            color: #222;
+            font-weight: 700;
+            padding: 7px 0;
+            display: block;
+            border-bottom: 1px solid #eeeff3; }
+            .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover {
+              color: #000; }
+          .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul {
+            padding: 0; }
+            .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li label.tree-toggle {
+              top: 7px; }
+            .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a {
+              font-weight: 400; }
+            .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul {
+              padding: 0; }
+              .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a {
+                font-weight: 300; }
+          .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a {
+            color: #38003c;
+            font-weight: bold; }
+    .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand {
+      font-size: 1.5rem;
+      color: #000;
+      font-weight: 700;
+      padding: 20px 0 10px;
+      line-height: 1; }
+      .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand strong {
+        font-weight: 300;
+        text-transform: uppercase;
+        font-size: .9rem;
+        opacity: .6; }
+    .docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site {
+      color: #000;
+      opacity: .15;
+      transition: .4s;
+      font-size: .75rem;
+      font-weight: 300; }
+      .docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site:hover {
+        text-decoration: none;
+        opacity: .5; }
+    .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc {
+      font-size: .85em; }
+      .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc strong {
+        display: block; }
+  .docs-page .docs-content .docs-text-field {
+    padding: 0 3rem 3rem; }
+  .docs-page .docs-content article.docs-body h1 {
+    padding-top: 3rem;
+    font-size: 2.25rem;
+    padding-bottom: 10px; }
+  .docs-page .docs-content article.docs-body h2 {
+    padding-top: 40px;
+    padding-bottom: 5px;
+    font-size: 1.75rem; }
+  .docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
+    padding-top: 30px;
+    padding-bottom: 5px; }
+  .docs-page .docs-content article.docs-body h1, .docs-page .docs-content article.docs-body h2, .docs-page .docs-content article.docs-body h3, .docs-page .docs-content article.docs-body h4, .docs-page .docs-content article.docs-body h5, .docs-page .docs-content article.docs-body h6 {
+    position: relative;
+    display: inline-block; }
+    .docs-page .docs-content article.docs-body h1 .anchor, .docs-page .docs-content article.docs-body h2 .anchor, .docs-page .docs-content article.docs-body h3 .anchor, .docs-page .docs-content article.docs-body h4 .anchor, .docs-page .docs-content article.docs-body h5 .anchor, .docs-page .docs-content article.docs-body h6 .anchor {
+      position: absolute;
+      right: -26px;
+      font-size: 18px;
+      bottom: 5px;
+      color: #999;
+      opacity: 0;
+      transition: .5s; }
+    .docs-page .docs-content article.docs-body h1:hover .anchor, .docs-page .docs-content article.docs-body h2:hover .anchor, .docs-page .docs-content article.docs-body h3:hover .anchor, .docs-page .docs-content article.docs-body h4:hover .anchor, .docs-page .docs-content article.docs-body h5:hover .anchor, .docs-page .docs-content article.docs-body h6:hover .anchor {
+      opacity: 1; }
+  .docs-page .docs-page-index {
+    position: relative; }
+    .docs-page .docs-page-index .docs-inner-anchors {
+      position: fixed;
+      top: 0px;
+      max-width: 270px;
+      padding: 10px;
+      font-size: .90em;
+      height: 100vh; }
+      .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills {
+        font-size: .95em;
+        margin-left: 18px;
+        border-left: 1px solid #e5e5e5; }
+        .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link {
+          padding: .2rem 0rem .2rem 1rem;
+          color: #aaa;
+          line-height: 1.1;
+          position: relative;
+          border-left: 3px solid transparent;
+          border-radius: 0;
+          margin-left: -2px;
+          margin-top: 2px;
+          margin-bottom: 2px;
+          transition: .2s; }
+          .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active {
+            background: none;
+            color: #000;
+            border-color: #000; }
+        .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active {
+          color: #000; }
+        .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active {
+          color: #000; }
+      .docs-page .docs-page-index .docs-inner-anchors > .navbar {
+        margin-left: -18px; }
+      .docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper {
+        max-width: 300px;
+        float: left; }
+      .docs-page .docs-page-index .docs-inner-anchors .inner-title {
+        padding-left: 18px; }
+    .docs-page .docs-page-index .scroll-top-btn {
+      display: none;
+      font-size: .85em;
+      color: #aaa;
+      text-decoration: none;
+      padding-left: 18px; }
+      .docs-page .docs-page-index .scroll-top-btn.showup {
+        display: block; }
+
+@media (min-width: 1200px) {
+  .container {
+    max-width: 1180px; }
+  .docs-page .docs-sidebar.dark-sidebar {
+    background: #222; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .form-control, .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .form-control {
+      background: #333;
+      color: #999; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search select, .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version select {
+      border: 0;
+      border-radius: 6px; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa, .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .btn-search i.fa {
+      color: #eee; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle {
+      color: #666; }
+      .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover {
+        color: #fff; }
+      .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened {
+        color: #fff; }
+      .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link {
+        color: #666; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a {
+      color: #ddd;
+      border-bottom: 1px solid #333; }
+      .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover {
+        color: #fff; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree > a {
+      color: #fff; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand {
+      color: #fff; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .go-back-site {
+      color: #fff; }
+    .docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-logo-desc {
+      color: #ddd; } }
+
+@media (min-width: 1366px) {
+  .container {
+    max-width: 1340px; } }
+
+@media (min-width: 1440px) {
+  .container {
+    max-width: 1400px; } }
+
+@media (max-width: 767px) {
+  .docs-page .docs-content article.docs-body h1 {
+    padding-top: 1.5rem; }
+  .docs-page {
+    background: #f5f7f9; }
+    .docs-page > .container-fluid {
+      display: block; }
+      .docs-page > .container-fluid > .row {
+        display: block; }
+    .docs-page .docs-sidebar {
+      position: fixed;
+      max-width: 100%;
+      width: 100%;
+      display: block;
+      padding: 0 !important;
+      top: 0;
+      left: 0;
+      z-index: 100;
+      right: 0; }
+      .docs-page .docs-sidebar .docs-sidebar-wrapper {
+        max-width: 100%;
+        width: 100%;
+        top: 0px;
+        position: relative;
+        margin: 0 !important;
+        height: 72px; }
+        .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list {
+          padding: .5rem 1.5rem 2rem 1.5rem;
+          position: fixed;
+          top: 70px;
+          font-size: 17px;
+          left: 0;
+          width: 100%;
+          z-index: 100;
+          background: #f5f7f9;
+          display: none; }
+          .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search {
+            position: relative;
+            padding: 0 0 1rem !important; }
+            .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search .btn-search {
+              left: 0px; }
+      .docs-page .docs-sidebar .docs-top .navbar-logo {
+        padding: 0rem;
+        padding-top: .3rem;
+        display: block;
+        text-align: center; }
+        .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand {
+          font-size: 1.5rem;
+          font-weight: 700;
+          display: block;
+          margin-right: 0em;
+          padding: 7px 0 10px; }
+          .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand .docs-logo {
+            width: 110px; }
+        .docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site {
+          display: none; }
+        .docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc {
+          font-size: 1em;
+          display: none; }
+      .docs-page .docs-sidebar .docs-top .open-dmenu {
+        position: absolute;
+        top: 10px;
+        left: 20px; }
+    .docs-page .docs-content {
+      padding-top: 72px;
+      max-width: 100%;
+      display: block !important; }
+      .docs-page .docs-content .docs-text-field {
+        padding: 1rem 1.5rem; }
+    .docs-page .docs-page-index {
+      display: none; } }
+
+.for-mobile {
+  display: none; }
+
+.for-desktop {
+  display: inline-block; }
+
+@media (max-width: 767px) {
+  body {
+    font-size: 14px; }
+  .for-mobile {
+    display: inline-block; }
+  .for-desktop {
+    display: none; }
+  .close-mmenu, .close-dmenu {
+    position: absolute;
+    top: -78px;
+    left: 25px;
+    color: #fff;
+    font-size: 68px;
+    background: #fff;
+    opacity: 0; }
+  .navbar {
+    padding: .5rem 1.75rem; }
+    .navbar .navbar-collapse {
+      background: #38003d;
+      position: fixed;
+      top: 86px;
+      left: 0;
+      width: 100%;
+      height: 100vh;
+      height: calc(100vh - 86px);
+      z-index: 100 !important; }
+      .navbar .navbar-collapse .navbar-nav {
+        height: 100vh;
+        padding: 20px 30px;
+        overflow: auto; }
+        .navbar .navbar-collapse .navbar-nav .nav-link {
+          padding: 1.2rem !important; }
+    .navbar .navbar-toggler {
+      padding: .5rem .75rem;
+      font-size: 1.5rem;
+      line-height: 1;
+      background-color: transparent;
+      border: 0;
+      border-radius: .25rem;
+      color: #fff !important;
+      margin-left: -1rem; }
+  .jumbotron .btn, footer .btn {
+    display: block;
+    margin-bottom: 10px; }
+  .multi-tenancy {
+    text-align: center !important; }
+  .section-with-logos img {
+    margin: 15px;
+    opacity: 1;
+    -webkit-filter: grayscale(0%);
+    filter: grayscale(0%); }
+  .jumbotron {
+    padding-top: 160px;
+    margin-top: -160px;
+    border-radius: 0;
+    padding-bottom: 40px;
+    margin-bottom: 0;
+    font-size: .85em;
+    padding-left: 45px;
+    padding-right: 45px; }
+    .jumbotron .jumbotron-logo {
+      display: none; }
+  span.code-arrow {
+    padding: 0px 0 0px;
+    display: block;
+    transform: rotate(90deg);
+    font-size: 2em; }
+  .mb-5, .my-5 {
+    margin-bottom: 2rem !important; } }
+
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.js b/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.js
new file mode 100644
index 0000000000..70ac87204f
--- /dev/null
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.js
@@ -0,0 +1,89 @@
+$('.tree-toggle').click(function () {
+    $(this).parent().children('ul.tree').toggle(100);
+    $(this).toggleClass("opened");
+});
+$(function () {
+    $('.tree-toggle').parent().children('ul.tree').toggle(100);
+})
+
+
+$(document).ready(function () {
+    var scrollTopBtn = $(".scroll-top-btn");
+    var enoughHeight = $(".docs-sidebar-wrapper > .docs-top").height() + 60;
+
+    $(window).scroll(function () {
+        var topPos = $(window).scrollTop();
+        if (topPos > enoughHeight) {
+            $(scrollTopBtn).addClass("showup");
+            $("body").addClass("scrolled");
+        } else {
+            $(scrollTopBtn).removeClass("showup");
+            $("body").removeClass("scrolled");
+        }
+    });
+
+    $(scrollTopBtn).click(function () {
+        $('html, body').animate({
+            scrollTop: 0
+        }, 500);
+        return false;
+    });
+});
+
+function handleSidebar() {
+    var sideBarPosition = $(".docs-sidebar").width() - 270;
+    var sideBar = $(".docs-sidebar-wrapper");
+    sideBar.css("margin-left", sideBarPosition);
+}
+$(window).resize(function () {
+    handleSidebar();
+});
+
+handleSidebar();
+
+$(document).ready(function () {
+
+    $('body').scrollspy({
+        target: '#docs-sticky-index'
+    });
+    $("#docs-sticky-index a").on('click', function (event) {
+        if (this.hash !== "") {
+            event.preventDefault();
+            var hash = this.hash;
+            $('html, body').animate({
+                scrollTop: $(hash).offset().top
+            }, 800, function () {
+                window.location.hash = hash;
+            });
+        }
+    });
+});
+
+
+$('.btn-toggle').on("click", function () {
+    $(".toggle-row").slideToggle(400);
+    $(this).toggleClass("less");
+});
+
+$('.close-mmenu').on("click", function () {
+    $(".navbar-collapse").removeClass("show");
+});
+
+$('.open-dmenu').on("click", function () {
+    $(".docs-tree-list").slideToggle();
+});
+
+
+(function ($) {
+    $(window).on("load", function () {
+        $("#sidebar-scroll").mCustomScrollbar({
+            theme: "minimal"
+        });
+    });
+    $(window).on("load", function () {
+        $("#index-scroll").mCustomScrollbar({
+            theme: "minimal-dark"
+        });
+    });
+})(jQuery);
+
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.min.css b/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.min.css
new file mode 100644
index 0000000000..7a2a14aa21
--- /dev/null
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.min.css
@@ -0,0 +1 @@
+.docs-page{background:#f5f7f9;}.docs-page .docs-sidebar{background:#f5f7f9;padding-right:1rem;position:relative;width:270px;}.docs-page .docs-sidebar .docs-sidebar-wrapper{width:270px;top:0;position:fixed;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search{position:relative;padding:0 1rem;margin:1rem 0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control{background:none;border-radius:6px;padding-left:36px;width:100%;background:#eeeff2;border:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:focus,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:active,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:hover,.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search input.form-control:visited{box-shadow:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search{position:absolute;top:0;padding:8px 10px;line-height:1;left:16px;background:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa{color:#aaa;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list>ul{display:block;height:calc(100vh - 190px);}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul{font-size:.913em;list-style:none;padding:0 1rem;margin:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li{margin-left:0;padding-left:24px;display:block;width:100%;position:relative;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label{margin:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle{transition:.3s;display:inline-block;width:18px;height:18px;text-align:center;padding:0;line-height:1;border-radius:50%;margin-right:4px;position:absolute;left:2px;top:8px;color:#aaa;cursor:pointer;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover{color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle .plus-icon{font-size:.85em;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened{transform:rotate(180deg);color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link{top:11px;color:#aaa;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a{color:#222;font-weight:700;padding:7px 0;display:block;border-bottom:1px solid #eeeff3;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover{color:#000;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul{padding:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li label.tree-toggle{top:7px;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li a{font-weight:400;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul{padding:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li ul li ul li a{font-weight:300;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree>a{color:#38003c;font-weight:bold;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand{font-size:1.5rem;color:#000;font-weight:700;padding:20px 0 10px;line-height:1;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand strong{font-weight:300;text-transform:uppercase;font-size:.9rem;opacity:.6;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site{color:#000;opacity:.15;transition:.4s;font-size:.75rem;font-weight:300;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site:hover{text-decoration:none;opacity:.5;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc{font-size:.85em;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc strong{display:block;}.docs-page .docs-content .docs-text-field{padding:0 3rem 3rem;}.docs-page .docs-content article.docs-body h1{padding-top:3rem;font-size:2.25rem;padding-bottom:10px;}.docs-page .docs-content article.docs-body h2{padding-top:40px;padding-bottom:5px;font-size:1.75rem;}.docs-page .docs-content article.docs-body h3,.docs-page .docs-content article.docs-body h4,.docs-page .docs-content article.docs-body h5,.docs-page .docs-content article.docs-body h6{padding-top:30px;padding-bottom:5px;}.docs-page .docs-content article.docs-body h1,.docs-page .docs-content article.docs-body h2,.docs-page .docs-content article.docs-body h3,.docs-page .docs-content article.docs-body h4,.docs-page .docs-content article.docs-body h5,.docs-page .docs-content article.docs-body h6{position:relative;display:inline-block;}.docs-page .docs-content article.docs-body h1 .anchor,.docs-page .docs-content article.docs-body h2 .anchor,.docs-page .docs-content article.docs-body h3 .anchor,.docs-page .docs-content article.docs-body h4 .anchor,.docs-page .docs-content article.docs-body h5 .anchor,.docs-page .docs-content article.docs-body h6 .anchor{position:absolute;right:-26px;font-size:18px;bottom:5px;color:#999;opacity:0;transition:.5s;}.docs-page .docs-content article.docs-body h1:hover .anchor,.docs-page .docs-content article.docs-body h2:hover .anchor,.docs-page .docs-content article.docs-body h3:hover .anchor,.docs-page .docs-content article.docs-body h4:hover .anchor,.docs-page .docs-content article.docs-body h5:hover .anchor,.docs-page .docs-content article.docs-body h6:hover .anchor{opacity:1;}.docs-page .docs-page-index{position:relative;}.docs-page .docs-page-index .docs-inner-anchors{position:fixed;top:0;max-width:270px;padding:10px;font-size:.9em;height:100vh;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills{font-size:.95em;margin-left:18px;border-left:1px solid #e5e5e5;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link{padding:.2rem 0 .2rem 1rem;color:#aaa;line-height:1.1;position:relative;border-left:3px solid transparent;border-radius:0;margin-left:-2px;margin-top:2px;margin-bottom:2px;transition:.2s;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link.active{background:none;color:#000;border-color:#000;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-link.active{color:#000;}.docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-pills .nav-pills .nav-link.active{color:#000;}.docs-page .docs-page-index .docs-inner-anchors>.navbar{margin-left:-18px;}.docs-page .docs-page-index .docs-inner-anchors .docs-anchors-wrapper{max-width:300px;float:left;}.docs-page .docs-page-index .docs-inner-anchors .inner-title{padding-left:18px;}.docs-page .docs-page-index .scroll-top-btn{display:none;font-size:.85em;color:#aaa;text-decoration:none;padding-left:18px;}.docs-page .docs-page-index .scroll-top-btn.showup{display:block;}@media(min-width:1200px){.container{max-width:1180px;}.docs-page .docs-sidebar.dark-sidebar{background:#222;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .form-control,.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .form-control{background:#333;color:#999;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search select,.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version select{border:0;border-radius:6px;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-search .btn-search i.fa,.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-version .btn-search i.fa{color:#eee;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle{color:#666;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:hover{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle:not(.last-link).opened{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li label.tree-toggle.last-link{color:#666;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a{color:#ddd;border-bottom:1px solid #333;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li a:hover{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-sidebar-wrapper .docs-tree-list ul li.selected-tree>a{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-brand{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .go-back-site{color:#fff;}.docs-page .docs-sidebar.dark-sidebar .docs-top .navbar-logo .navbar-logo-desc{color:#ddd;}}@media(min-width:1366px){.container{max-width:1340px;}}@media(min-width:1440px){.container{max-width:1400px;}}@media(max-width:767px){.docs-page .docs-content article.docs-body h1{padding-top:1.5rem;}.docs-page{background:#f5f7f9;}.docs-page>.container-fluid{display:block;}.docs-page>.container-fluid>.row{display:block;}.docs-page .docs-sidebar{position:fixed;max-width:100%;width:100%;display:block;padding:0 !important;top:0;left:0;z-index:100;right:0;}.docs-page .docs-sidebar .docs-sidebar-wrapper{max-width:100%;width:100%;top:0;position:relative;margin:0 !important;height:72px;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list{padding:.5rem 1.5rem 2rem 1.5rem;position:fixed;top:70px;font-size:17px;left:0;width:100%;z-index:100;background:#f5f7f9;display:none;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search{position:relative;padding:0 0 1rem !important;}.docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list .docs-search .btn-search{left:0;}.docs-page .docs-sidebar .docs-top .navbar-logo{padding:0;padding-top:.3rem;display:block;text-align:center;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand{font-size:1.5rem;font-weight:700;display:block;margin-right:0;padding:7px 0 10px;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-brand .docs-logo{width:110px;}.docs-page .docs-sidebar .docs-top .navbar-logo .go-back-site{display:none;}.docs-page .docs-sidebar .docs-top .navbar-logo .navbar-logo-desc{font-size:1em;display:none;}.docs-page .docs-sidebar .docs-top .open-dmenu{position:absolute;top:10px;left:20px;}.docs-page .docs-content{padding-top:72px;max-width:100%;display:block !important;}.docs-page .docs-content .docs-text-field{padding:1rem 1.5rem;}.docs-page .docs-page-index{display:none;}}.for-mobile{display:none;}.for-desktop{display:inline-block;}@media(max-width:767px){body{font-size:14px;}.for-mobile{display:inline-block;}.for-desktop{display:none;}.close-mmenu,.close-dmenu{position:absolute;top:-78px;left:25px;color:#fff;font-size:68px;background:#fff;opacity:0;}.navbar{padding:.5rem 1.75rem;}.navbar .navbar-collapse{background:#38003d;position:fixed;top:86px;left:0;width:100%;height:100vh;height:calc(100vh - 86px);z-index:100 !important;}.navbar .navbar-collapse .navbar-nav{height:100vh;padding:20px 30px;overflow:auto;}.navbar .navbar-collapse .navbar-nav .nav-link{padding:1.2rem !important;}.navbar .navbar-toggler{padding:.5rem .75rem;font-size:1.5rem;line-height:1;background-color:transparent;border:0;border-radius:.25rem;color:#fff !important;margin-left:-1rem;}.jumbotron .btn,footer .btn{display:block;margin-bottom:10px;}.multi-tenancy{text-align:center !important;}.section-with-logos img{margin:15px;opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%);}.jumbotron{padding-top:160px;margin-top:-160px;border-radius:0;padding-bottom:40px;margin-bottom:0;font-size:.85em;padding-left:45px;padding-right:45px;}.jumbotron .jumbotron-logo{display:none;}span.code-arrow{padding:0 0 0;display:block;transform:rotate(90deg);font-size:2em;}.mb-5,.my-5{margin-bottom:2rem !important;}}
\ No newline at end of file
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.scss b/modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.scss
similarity index 100%
rename from modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/vs.scss
rename to modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.scss
diff --git a/modules/docs/src/Volo.Docs.Web/Volo.Docs.Web.csproj b/modules/docs/src/Volo.Docs.Web/Volo.Docs.Web.csproj
index a9d8487dff..88c88b5943 100644
--- a/modules/docs/src/Volo.Docs.Web/Volo.Docs.Web.csproj
+++ b/modules/docs/src/Volo.Docs.Web/Volo.Docs.Web.csproj
@@ -41,6 +41,7 @@
     <Content Remove="compilerconfig.json" />
     <Content Remove="compilerconfig.json.defaults" />
     <None Remove="Pages\Documents\Project\vs.js" />
+    <None Remove="Pages\Documents\vs.min.css" />
     <None Include="compilerconfig.json" />
     <None Include="Properties\launchSettings.json" />
   </ItemGroup>
diff --git a/modules/docs/src/Volo.Docs.Web/compilerconfig.json b/modules/docs/src/Volo.Docs.Web/compilerconfig.json
index 2351a0a74b..9fc5cf113e 100644
--- a/modules/docs/src/Volo.Docs.Web/compilerconfig.json
+++ b/modules/docs/src/Volo.Docs.Web/compilerconfig.json
@@ -6,5 +6,17 @@
   {
     "outputFile": "Pages/Documents/_docs.css",
     "inputFile": "Pages/Documents/_docs.scss"
+  },
+  {
+    "outputFile": "Pages/Documents/Project/vs.css",
+    "inputFile": "Pages/Documents/Project/vs.scss"
+  },
+  {
+    "outputFile": "Pages/Documents/_responsive.css",
+    "inputFile": "Pages/Documents/_responsive.scss"
+  },
+  {
+    "outputFile": "Pages/Documents/vs.css",
+    "inputFile": "Pages/Documents/vs.scss"
   }
 ]
\ No newline at end of file