master

分支 (1)

管理

管理

master

Message-Board
/
index.html

<!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" name ="add">我要留言</button>
			</div>
		</div>

		<div id="messDivId">
			<div class="story">
				<div class="opbtn"></div>
				<div class="m_top">
					<div class = "aut_na">
						<h4><strong>繁星点点</strong>&nbsp;&nbsp;&nbsp;</h4>
					</div>
					<div class="btn-group btn-group-xs edit_ri" role="group" aria-label="...">
						<button type="button" class="btn btn-default" name ="reply"><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>&nbsp;回复</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>&nbsp;&nbsp;&nbsp;</h4>
					</div>
					<div class="btn-group btn-group-xs edit_ri" role="group" aria-label="...">
						<button type="button" class="btn btn-default"  name ="reply"><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>&nbsp;回复</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>&nbsp;&nbsp;&nbsp;</h4>
					</div>
					<div class="btn-group btn-group-xs edit_ri" role="group" aria-label="...">
						<button type="button" class="btn btn-default" name ="reply"><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>&nbsp;回复</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">&times;</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>