BootStrap，使用过程中的一些get点（个人向）

更新提醒

从现在开始2018年3月3日会对更新时间和内容进行介绍

1. 2018年3月5日 14点35分 ——-> 十、8小点（timelinejs）进行了添加（新增的插件） 点击跳转

2. 2018年3月5日 17点29分 ——-> 十、8小点（timelinejs）进行了删除

3. 2018年3月9日 18点12分 ——-> 十、8小点（printThis）进行了添加 点击跳转

一、导航栏窗口定制

https://stackoverflow.com/questions/18529274/change-navbar-color-in-twitter-bootstrap-3

此回答下有导航栏窗口定制的网站

https://work.smarchal.com/twbscolor/css/e74c3cc0392becf0f1ffbbbc0

二、图标

https://fontawesome.com/icons?d=gallery

http://www.bootcdn.cn/

https://icons8.com/icon/set/weixin/all

三、标签页

http://blog.csdn.net/shiquanqq/article/details/48786701

四、markdown

创建bootstrap-markdown.js

https://github.com/toopay/bootstrap-markdown

http://blog.csdn.net/hai4321/article/details/75204267

使用文档

http://www.codingdrama.com/bootstrap-markdown/

五、主题

https://bootswatch.com/3/

六、阴沟里翻船

没弄懂scss之前，拒绝用带有scss的样式

七、上传控件

https://github.com/kartik-v/bootstrap-fileinput/wiki/12.-%E4%B8%80%E4%BA%9B%E6%A0%B7%E4%BE%8B%E4%BB%A3%E7%A0%81#%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95

八、CDN

http://www.bootcdn.cn/

九、min.css和.css还是有很区别的

十、所用插件

1 datatables

github：https://github.com/ssy341/datatables-cn/issues/21

官网：http://datatables.club/example/

其他：http://www.cnblogs.com/hubing/p/4491308.html

其他：http://www.cnblogs.com/zhoujie/p/js3.html

2 jquery-datatables-editable

官网：https://editor.datatables.net/examples/inline-editing/simple

3 sweet-alert

官网：https://lipis.github.io/bootstrap-sweetalert/

由于无法根据获取的id来删除内容，故打算制造删除的提示框的想法取消

4 bootstrap-fileinput

官网：https://github.com/kartik-v/bootstrap-fileinput

其他：http://www.os373.cn/article/81

其他：http://blog.csdn.net/qq_28550739/article/details/53436080

其他：http://blog.csdn.net/u012526194/article/details/69937741

5 summernote

官网：https://summernote.org/

其他：http://blog.csdn.net/wang404838334/article/details/78449191（前端显示）

<div class="panel panel-default m-t-20">

<div class="panel-body">

{% for v in page_data %}

<div id="summer"> </div>

<input type="hidden" value="{{ v.content }}" id="article_content">

{% endfor %}

</div> <!-- panel-body -->

</div>

script部分：

<script>

jQuery(document).ready(function () {

var innerhtml = $("#article_content").val();

$("#summer").html(innerhtml);

});

</script>

本部分代码为从数据库中将带有标签的内容正确读取

6 bootstrap-datepicker

github：http://bootstrap-datepicker.readthedocs.io/en/latest/markup.html

7 bootstrap-datetimepicker

github：https://github.com/smalot/bootstrap-datetimepicker

其他：http://www.bootcss.com/p/bootstrap-datetimepicker/

其他：https://www.malot.fr/bootstrap-datetimepicker/demo.php

8 printThis

github：https://github.com/jasonday/printThis

十一、级联菜单的问题



解决了三层级联的问题，由于之前误以为wtf-form表单的下拉选择框支持级联，后来发现渲染前端标签的时候，数据无法及时获取。因此，在forms.py中将下拉框改成了stringfield，设置隐藏属性，用前端js的三层级联框将数据根据id赋值给form.xxx。以此解决了三层级联的数据问题

部分代码如下：

forms.py

province = StringField(

description=”省”,

render_kw={

“class”: “form-control”,

“id”: “hidden-province”,

“type”: “hidden”

}

)

xxx.html





用Jquery的val()方法给隐藏的province赋值。同时一定要注意在html后赋值。

参考网站：http://www.cnblogs.com/zhangyongl/p/6912050.html

参考网站：http://blog.csdn.net/zhongqiushen/article/details/79163406