Html美化 | Bootstrap链接整理
整理了一篇关于Bootstrap的学习链接，以及一些其它好用的h5插件。
Bootstrap框架需要有html基础，推荐使用Bootstrap4版本。
1.Bootstrap基础教程推荐：
菜鸟教程Bootstrap4：https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html
Bootstrap4中文文档：
Bootstrap4中文站：https://code.z01.com/v4/index.html
常用组件：表单、轮播、模态框、分页
布局思想：自适应、栅格布局、弹性盒子
2.Bootstrap布局工具
可视化布局工具网站：https://www.bootcss.com/p/layoutit/
Bootstrap建模工具：https://tool.73ic.com/tool/boot.html
font awesome字体图标库（再也不用找icon了）：
sweetAlert（好看的jS弹窗）：
官网：https://sweetalert.js.org/guides/
完美的alert优化：https://blog.csdn.net/windy1001/article/details/82685977
中文API：https://www.yanjiayu.cn/posts/52f4e444.html
wangeditor（目前我用过最好的富文本编辑器插件）：
sweetAlert搭配servlet和EL表达式，返回请求结果，示例：
servlet输入request.setAttribute("log_state", "error");//登录状态log_state为error
jsp里输入：
<c:choose> <c:when test="${requestScope.reg_state eq \'success\'}"> <script>swal(\'注册成功！\', \'\', \'success\'); </script> </c:when> <c:when test="${requestScope.reg_state eq \'error\'}"> <script>swal(\'注册失败！\', \'\', \'error\'); </script> </c:when> <c:when test="${requestScope.log_state eq \'error\'}"> <script>swal(\'用户名或密码错误，请重新登录！\', \'\', \'error\'); </script> </c:when> </c:choose>
表格字体图标超链接：
<c:forEach items="${requestScope.sourceList}" var="source"> <tr> <td>${source.num }</td> <td>${source.department }</td> <td>${source.file_desc }</td> <td>${source.uploader }</td> <td>${source.upload_time }</td> <td>${source.visit_count }</td> <td><a href="http://www.likecs.com/video?num=${source.num}"> <i></i> </a> </td> </tr> </c:forEach>以上的工具和方法其实就够用了，尤其对一些不会JavaScript和ajax的同学
5.Bootstrap扩展插件（需Js和JQuery、ajax基础）
BootstrapTable：表格优化
使用教程：https://www.jianshu.com/p/b5ca011a0d9c
使用总结：https://www.cnblogs.com/laowangc/p/8875526.html
Bootstrap-paginator:分页器
git地址：https://github.com/lyonlai/bootstrap-paginator
使用：https://www.cnblogs.com/stoneniqiu/p/4000041.html
Bootstrap-select：下拉框优化
动态加载二级联动：https://blog.csdn.net/lyyo_cd/article/details/77162162?depth_1-
Bootstrap-select中文网：https://www.bootstrapselect.cn/
bootstrap-wysiwyg：富文本编辑器
使用：https://www.jianshu.com/p/f1be2d325426
将富文本数据保存到mysql：https://blog.csdn.net/qing_gee/article/details/49331543
附带图片上传功能：https://www.cnblogs.com/shiyh/p/10436999.html
bootstrap-wysiwyg这个坑：https://www.cnblogs.com/shiyh/p/10437066.html
其它Bootstrap50个插件（精力有限，暂未验证）：
https://blog.csdn.net/u010419967/article/details/39227859
5.注意点与心得