修改样式,兼容前台Fix模式,main-content样式自适应两种模式
This commit is contained in:
parent
d6de899b37
commit
ec5f40236a
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue