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

本文链接：https://blog.csdn.net/manmandong123/article/details/79199686

更新提醒

从现在开始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>  

</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