修改样式,兼容前台Fix模式,main-content样式自适应两种模式

This commit is contained in:
Argo-Lenovo 2016-10-26 00:36:39 +08:00
parent d6de899b37
commit ec5f40236a
5 changed files with 23 additions and 15 deletions

View File

@ -1,7 +1,5 @@
.wrapper { #main-content {
display: inline-block; margin-left: 210px;
padding: 15px;
width: 100%;
} }
.sidebar-closed > #sidebar > ul { .sidebar-closed > #sidebar > ul {

View File

@ -4,7 +4,7 @@
} }
#main-content { #main-content {
margin-left: 210px; margin-top: 0;
position: fixed; position: fixed;
left: 0; left: 0;
bottom: 40px; bottom: 40px;
@ -19,4 +19,5 @@
bottom: 0; bottom: 0;
right: 0; right: 0;
z-index: 50; z-index: 50;
height: 40px;
} }

View File

@ -10,6 +10,16 @@
-moz-font-smoothing: antialiased; -moz-font-smoothing: antialiased;
} }
#main-content {
margin-top: 94px;
}
.wrapper {
display: inline-block;
padding: 15px;
width: 100%;
}
ul li { ul li {
list-style: none; list-style: none;
} }
@ -31,10 +41,6 @@ div button span {
margin-right: 4px; margin-right: 4px;
} }
.body-content {
margin-top: 108px;
}
.header, .footer { .header, .footer {
min-height: 60px; min-height: 60px;
padding: 0 15px; padding: 0 15px;

View File

@ -6,4 +6,4 @@
@section header { @section header {
@Html.Partial("Header", Model) @Html.Partial("Header", Model)
} }
<h4>欢迎使用本系统</h4> <div style="height: 1000px;"><h4>欢迎使用本系统</h4></div>

View File

@ -6,6 +6,7 @@
<link href="~/Content/css/bootstrap-table.css" rel="stylesheet" /> <link href="~/Content/css/bootstrap-table.css" rel="stylesheet" />
<link href="~/Content/css/sweetalert.css" rel="stylesheet" /> <link href="~/Content/css/sweetalert.css" rel="stylesheet" />
<link href="~/Content/css/site.css" rel="stylesheet" /> <link href="~/Content/css/site.css" rel="stylesheet" />
<link href="~/Content/css/site-responsive.css" rel="stylesheet" />
@RenderSection("css", false) @RenderSection("css", false)
} }
@section javascript { @section javascript {
@ -14,13 +15,15 @@
} }
<section id="container"> <section id="container">
@RenderSection("header", false) @RenderSection("header", false)
<section class="body-content"> <section id="main-content">
<section class="wrapper">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
@RenderBody() @RenderBody()
</div> </div>
</div> </div>
</section> </section>
</section>
<!--footer start--> <!--footer start-->
<footer class="site-footer"> <footer class="site-footer">