首页模板选用官方DEMO中的Blank模板,这个模板相对来说是最干净的。
首页模板的分割:
官方文档是分的4个部分
- Wrapper
.wrapper
. A div that wraps the whole site. - Main Header
.main-header
. Contains the logo and navbar. - Sidebar
.sidebar-wrapper
. Contains the user panel and sidebar menu. - Content
.content-wrapper
. Contains the page header and content.
我的 _Layout.cshtml 细分如图所示
@*封装整个网站*@
<div class="wrapper">
@*上面导航栏*@
@Html.Partial("_MainHeader")
@*左边菜单栏*@
@Html.Partial("_LeftSideMenus")
@*中间内容页*@
@RenderBody()
@*页脚*@
@Html.Partial("_MainFooter")
@*右边弹出菜单栏*@
@Html.Partial("_ControlSidebar")
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div>
演示地址: http://mes.lianshui.org.cn/
不断更新中