页面样式乱了,但是又感觉各种js,css都引入了
怎么办:
一直不太清楚什么原因:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>功能论坛</title>
<link rel="stylesheet" href="../css/boostrap/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/boostrap/bootstrap.min.css">
<link rel="stylesheet" href="../js/pagination/mricode.pagination.css" />
<!-- <link href="../js/pagination/style.css" /> -->
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
</head>
<body>
<style>
.cib {
: 5px 8px;
}
.cib input {
vertical-align: bottom;
height: 20px;
color: #567e84;
margin: 2px 0px;
}
.cib button {
vertical-align: bottom;
height: 26px;
cursor: pointer;
background-color: #cbefff;
border: 1px solid #44a8d6;
color: #567e84;
margin: 2px 0px;
}
.desc {
padding-left: 8px;
color: #657e9a;
}
</style>
<div id="header"></div>
<div class="container">
<div id="articlelist"></div>
<div class="page clearfix col-sm-offset-3" style="margin-bottom:40px;margin-top:20px;" >
<div id="pagination_1" id="listpager" ></div>
</div>
</div>
<div id="footer"></div>
<!-- 定义模板 -->
<script type="text/x-template" id="commonlistTemp">
{{#articleinfo}}
<div class="panel panel-info">
<div class="panel-body">
<p class="text-muted">{{articletitle}}</p>
<p class="text-primary"
style="line-height: 200%; text-align: center;">{{articletext}}</p>
<div class="text-muted" style="float: right">
{{publishtime}} {{articleuser}}</div>
</div>
</div>
{{/articleinfo}}
</script>
<script type="text/javascript" src="../js/mustache/mustache.js"></script>
<script type="text/javascript"
src="../js/pagination/mricode.pagination.js"></script>
<script type="text/javascript" src="../js/luntanlist.js"></script>
</body>
</html>
一开始我是将script 里面的type都删除掉了以至于样式并没有显示出来,link 里面的rel和script里面的type里面是是不能省略的