bootstrap

前端框架之Bootstrap
版本：2.x 3.x 4.x // 推荐使用3.x

使用框架调整样式一般都是操作标签的class属性即可

bootstrap需要依赖于jQuery才能正常执行(动态效果)

引入方式：
本地引入：
    1、引入jQuery
    2、引入bootstrap的css文件
    3、引入bootstrap的js文件
CDN引入：
    1、引入jQuery CDN
    2、引入bootstrap的css文件 CDN
    3、引入bootstrap的js文件 CDN
bootstrap网址：css与js

布局容器

"""
第一次使用该框架的时候最好采用本地导入的方式 
让pycharm记住bootstrap的关键字
"""
container		左右留白
container-fluid  左右不留白

栅格系统

// 超出12份就会分行
// 不足12份就会出现留白
row			行  # 一个row就是一行 一行是固定的12份
col-md-1	占几份
col-sm-1	占几份
col-xs-1	占几份
col-lg-1	占几份

图标

bootstrap自带的
	通过span标签修改class属性值
fontawesome网站
	专门提供图标库  # 完美兼容bootstrap框架

后续会根据bootcss更新