<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>bootstrap版评论</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/zyd.comment.css" rel="stylesheet" type="text/css">
<link href="css/wangEditor-fullscreen-plugin.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--弹框-->
<div class="modal fade bs-example-modal-sm" id="detail-modal" tabindex="-1" role="dialog" aria-labelledby="detail-modal-label">
<div class="modal-dialog modal-sm" role="document">
<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="detail-modal-label">评论信息框</h4>
</div>
<div class="modal-body">
<form id="detail-form">
<div class="form-group input-logo">
<input type="text" class="form-control" placeholder="必填" value="匿名">
<span class="fa fa-user pull-left" aria-hidden="true">昵称</span>
</div>
<div class="form-group input-logo">
<input type="text" class="form-control" placeholder="选填">
<span class="fa fa-envelope pull-left" aria-hidden="true">邮箱</span>
</div>
<div class="form-group input-logo">
<input type="text" class="form-control" placeholder="选填">
<span class="fa fa-globe pull-left" aria-hidden="true">网址</span>
</div>
<div class="form-group">
<button type="button" class="btn btn-default btn-sm" id="detail-form-btn">提交评论</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="col-xs-12">
<div id="comment-place">
<div class="comment-post" id="comment-post">
<h3><i class="fa fa-commenting-o fa-fw"></i>评论</h3>
<div class="cancel-reply" id="cancel-reply" style="display: none;">
<a href="javascript:void(0);" onclick="$.comment.cancelReply(this)"><i class="fa fa-share"></i>取消回复</a>
</div>
<form class="form-horizontal" role="form" id="comment-form">
<input type="hidden" name="pid" id="comment-pid" value="0" size="22" tabindex="1">
<div id="editor" style="width: 100%;height: 150px;">
<p>我十分怀疑你脖子上顶的东西是否有其存在的积极意义！</p>
</div>
<a id="comment-form-btn" type="button" data-loading-text="正在提交评论..." class="btn btn-info btn-block">提交评论</a>
</form>
</div>
</div>
<!-- 评论 -->
<div class="commentList">
<h3><i class="fa fa-comments-o fa-fw"></i><em>20</em>条评论~~~</h3>
<ul class="comment">
<li>
<div class="comment-body" id="comment-1">
<div class="cheader">
<a target="_blank" href="https://github.com/zhangyd-c">
<img class="userImage" src="img/user/11.jpg">
<strong>张三</strong>
</a>
<div class="timer">
<i class="fa fa-clock-o fa-fw"></i>2018-01-01 14:14:14
<i class="fa fa-map-marker fa-fw"></i>北京市朝阳区
</div>
</div>
<div class="content">
<a href="#comment-5" class="comment-quote">@钱五</a>
有人在车上分娩，有人在地铁怀孕，北京真是个充满生机的城市…<img src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/3c/pcmoren_wu_org.png" alt="[污]" data-w-e="1">
</div>
<div class="sign">
<i class="icons os-win2"></i>win8 <i class="sepa"></i>
<i class="icons browser-chrome"></i>chrome 15.0.0.12 <i class="sepa"></i>
<a href="#comment-1" class="comment-reply" onclick="$.comment.reply(1, this)"><i class="fa fa-reply fa-fw"></i>回复</a>
</div>
</div>
</li>
<li>
<div class="comment-body" id="comment-2">
<div class="cheader">
<a target="_blank" href="https://github.com/zhangyd-c">
<img class="userImage" src="img/user/3.jpg">
<strong>李四</strong>
</a>
<div class="timer">
<i class="fa fa-clock-o fa-fw"></i>2018-01-01 14:14:14
<i class="fa fa-map-marker fa-fw"></i>北京市朝阳区
</div>
</div>
<div class="content">周末大家说要举行放鸽子大赛，最后就我一个人去了。<img src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/3c/pcmoren_wu_org.png" alt="[污]" data-w-e="1"></div>
<div class="sign">
<i class="icons os-linux"></i>Linux <i class="sepa"></i>
<i class="icons browser-tt"></i>TT 15.0.0.12 <i class="sepa"></i>
<a href="#comment-1" class="comment-reply" onclick="$.comment.reply(1, this)"><i class="fa fa-reply fa-fw"></i>回复</a>
</div>
</div>
</li>
<li>
<div class="comment-body" id="comment-3">
<div class="cheader">
<a target="_blank" href="https://github.com/zhangyd-c">
<img class="userImage" src="img/user/5.jpg">
<strong>王二麻子</strong>
</a>
<div class="timer">
<i class="fa fa-clock-o fa-fw"></i>2018-01-01 14:14:14
<i class="fa fa-map-marker fa-fw"></i>北京市朝阳区
</div>
</div>
<div class="content">世界上有许多你意想不到的事，比如，你以为我要举个例子。<img src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/3c/pcmoren_wu_org.png" alt="[污]" data-w-e="1"></div>
<div class="sign">
<i class="icons os-mac"></i>Mac <i class="sepa"></i>
<i class="icons browser-safari"></i>safari 15.0.0.12 <i class="sepa"></i>
<a href="#comment-1" class="comment-reply" onclick="$.comment.reply(1, this)"><i class="fa fa-reply fa-fw"></i>回复</a>
</div>
</div>
</li>
<li>
<div class="comment-body" id="comment-4">
<div class="cheader">
<a target="_blank" href="https://github.com/zhangyd-c">
<img class="userImage" src="img/user/6.jpg">
<strong>赵一</strong>
</a>
<div class="timer">
<i class="fa fa-clock-o fa-fw"></i>2018-01-01 14:14:14
<i class="fa fa-map-marker fa-fw"></i>北京市朝阳区
</div>
</div>
<div class="content">床前明月光，疑是地上霜。举头望明月，低头思故乡。<img src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/3c/pcmoren_wu_org.png" alt="[污]" data-w-e="1"></div>
<div class="sign">
<i class="icons os-ipad"></i>Ipad <i class="sepa"></i>
<i class="icons browser-safari"></i>safari 15.0.0.12 <i class="sepa"></i>
<a href="#comment-1" class="comment-reply" onclick="$.comment.reply(1, this)"><i class="fa fa-reply fa-fw"></i>回复</a>
</div>
</div>
</li>
<li>
<div class="comment-body" id="comment-5">
<div class="cheader">
<a target="_blank" href="https://github.com/zhangyd-c">
<img class="userImage" src="img/user/7.jpg">
<strong>钱五</strong>
</a>
<div class="timer">
<i class="fa fa-clock-o fa-fw"></i>2018-01-01 14:14:14
<i class="fa fa-map-marker fa-fw"></i>北京市朝阳区
</div>
</div>
<div class="content">你以为你是铅笔盒啊，装那么多笔。<img src="http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/3c/pcmoren_wu_org.png" alt="[污]" data-w-e="1"></div>
<div class="sign">
<i class="icons os-android"></i>Android <i c
bootstrap + wangEditor版评论框+评论列表
需积分: 50 129 浏览量
2018-03-02
14:44:52
上传
评论 1
收藏 1.82MB RAR 举报
bootstrap + wangEditor版评论框.rar （32个子文件） 
bootstrap + wangEditor版评论框 css 
wangEditor-fullscreen-plugin.css 497B zyd.comment.css 5KB server comment.json 78B img user 
8.jpg 8KB 15.jpg 5KB 14.jpg 4KB 2.jpg 5KB 1.jpg 3KB 6.jpg 7KB 3.jpg 7KB 5.jpg 7KB 19.jpg 6KB 11.jpg 6KB 4.jpg 5KB 10.jpg 9KB 17.jpg 8KB 18.jpg 5KB 13.jpg 6KB 16.jpg 8KB 12.jpg 7KB 9.jpg 5KB 20.jpg 7KB 7.jpg 7KB
icons.png 16KB
index.html 10KB js jquery-1.12.3.min.js 95KB zyd.comment.js 2KB wangEditor.min.js 65KB wangEditor-fullscreen-plugin.js 930B xss.js 49KB icons.html 2KB demo 
bootstrap评论框 - 示例.gif 1.71MB资源评论
智布道
- 粉丝: 80
- 资源: 2
最新资源
- yolov5,SSD 可能使用到的一些代码
- 基于c51单片机+DS1302+DHT11温湿度模块+LCD1602显示的万年历硬件原理图+BOM+软件程源码序+仿真图.zip
- NSGA2的MATLAB代码
- Messagepassingtest_GCN_DGL.py
- Sh，Docker 运维好帮手，一招通过 sh 脚本批量快速启动和重启多个Docker 容器
- PCF2123.pdf
- 打开注册表操作.doc
- Windows 常见运行运行库32+64
- WMJUL8iC.html
- 基于3KW光伏并网单相逆变器设计(TMS320F28035控制板+显示板+STM32F103功率板)硬件（原理图+PCB）工程
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
