bootstrap后台模板布局

最新推荐文章于 2022-07-31 15:49:20 发布

ruby小酱

最新推荐文章于 2022-07-31 15:49:20 发布

阅读量563

点赞数

分类专栏： bootstrap

本文链接：https://blog.csdn.net/raosheng1993/article/details/45422699

版权

bootstrap 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

[html] view plain copy print ?

<!DOCTYPE html>
<html lang="en">
<#import "../common/app.ftl" as app>
<head>
<meta charset="utf-8" />
<title>网上订餐</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<link rel="shortcut icon" href="${app.basePath}/resources/images/icon/001.png" type="image/x-icon" />
<link href="${app.basePath}/resources/bootstrap/bootstrap.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="${app.basePath}/resources/bootstrap/bootstrap-paginator.js"></script>
<style>
#headInfo{
width:100%;
height:90px;
background-color:#000;
}
#main{
width:100%;
min-height:100%;
height:100%;
background-color:#3d3d3d;
}
#pageSide{
width:230px;
height:700px;
float:left;
background-color:#3d3d3d;
border:1px solid red;
}
#pageContent{
width:100%;
min-height:100%;
height:100%;
background-color:#FFF;
border:1px solid #FFF;
}
#footer{
clear: both;
width:100%;
height:50px;
background-color:#3d3d3d;
padding-top:15px;
}
</style>
</head>
<body style="width:100%;">
<div id="headInfo" class="">
</div>
<div id="main">
<div id="pageSide">
</div>
<div id="pageContent">
cdvdfvdfvd
</div>
</div>
<div id="footer">
</div>
<script src="${app.basePath}/resources/media/js/bootstrap.min.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() {
App.init();
});
// load the content for the dashboard page.
$('.ajaxify').click(function(){
var url=$(this).attr("href");
//alert(url);
$(".page-content").load(url);
});
</script>
</body>
</html>