<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"href="bootstrap-3.3.5-dist/css/bootstrap.css">
<link rel="stylesheet" type="text/css"href="css/main.css">
<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div class="ylcon">
<div class="tit">
<div class = "aut_na">
<span >评论列表</span>
</div>
<div class="btn-group btn-group-xs edit_ri" role="group" aria-label="...">
<button type="button" class="btn btn-default">我要留言</button>
</div>
</div>
<div id="messDivId">
<div class="story">
<div class="opbtn"></div>
<div class="m_top">
<div class = "aut_na">
<h4><strong>繁星点点</strong> </h4>
</div>
<div class="btn-group btn-group-xs edit_ri" role="group" aria-label="...">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span> 回复</button>
</div>
</div>
<p class="story_time">2015/07/12 20:48</p>
<p class="story_m">为什么要追求bootstrap样式？</p>
</div>
<div class="story">
<div class="opbtn"></div>
<div class="m_top">
<div class = "aut_na">
<h4><strong>管理员</strong> </h4>
</div>
<div class="btn-group btn-group-xs edit_ri" role="group" aria-label="...">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span> 回复</button>
</div>
</div>
<p class="story_time">2015/07/13 8:12</p>
<p class="story_m">Bootstrap是一个兼容性强，操作开发简单的前端框架。</p>
<p class="story_hf"><strong>@繁星点点</strong><small>(2015/07/12 20:48)</small>:为什么要追求bootstrap样式？</p>
</div>
<div class="story">
<div class="opbtn"></div>
<div class="m_top">
<div class = "aut_na">
<h4><strong>狂澜</strong> </h4>
</div>
<div class="btn-group btn-group-xs edit_ri" role="group" aria-label="...">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span> 回复</button>
</div>
</div>
<p class="story_time">2016/02/10 13:23</p>
<p class="story_m">渣渣路过</p>
<p class="story_hf"><strong>@管理员</strong><small>(2015/07/13
8:12)</small>:Bootstrap是一个兼容性强，操作开发简单的前端框架。</p>
</div>
</div>
</div>
<!-- 模态框 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<form role="form" id="edit_form">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">留言板</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="name">昵称</label>
<input id="name" class="form-control"/>
</div>
<div class="form-group">
<label for="content">内容</label>
<textarea id="content" class="form-control" rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="sub_btn">完成</button>
</div>
</div>
</form>
</div>
</div>
</body>
</html>
留言板.rar （24个子文件） 
留言板 css 
main.css 2KB bootstrap-3.3.5-dist css bootstrap-theme.css 26KB bootstrap.css.map 381KB bootstrap.min.css 120KB bootstrap.css 144KB bootstrap-theme.min.css 23KB bootstrap-theme.css.map 47KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB js npm.js 484B bootstrap.min.js 36KB bootstrap.js 67KB
index.html 4KB js jquery-1.12.3.min.js 95KB main.js 464B .idea misc.xml 599B vcs.xml 164B .name 9B modules.xml 270B 留言板.iml 281B workspace.xml 14KB资源评论
ztsinghua2017-04-20这个基本不能用，只能说是个新手的作品
NMoon0002016-08-04感谢分享- seaside62016-10-20有点粗糙啊， 不能留言也不能回复
qq_287720652017-01-17太烂了,千万莫下载
guohao2344929922018-05-14看看行不行
