### 11.10 jquery 插件和bootstrap框架 jquery和bootstrap的区别: - jquery是实现的一个整体效果,其应用需要获取css/js等文件,比如轮播图 - bootstrap是推特公司已经写好的,在HTML文件中直接引用其类名就可以 jquery的引用注意点: - 在f12中的serous中获取html/css/js等文件 - 名字最好不要改,参照原来的来 bootstrap中有: - 全局CSS样式 - 组件 - javascript插件 全局CSS样式: ```html /*以下都是类名*/ container 固定官渡 container 100%宽度的容器 栅格系统 row 行 col-xs- 超小屏幕 col-sm- 小屏幕 col-md- 桌面显示器 col-lg-大屏幕 文本颜色 text-muted 灰色 text-primary text-success text-danger text-waring text-info 背景颜色 bg-primary bg-success 同上 按钮 btn btn-defult btn btn-link btn btn-success btn btn-primary 对齐 text-left text-right text-center text-justify 两端对齐 适用于英文 图片设置 img-rounded img-cricle img-thumbnail 三角符号 caret 关闭按钮 <button type="button" class="close" aria-label='Close'> <span aria-hidden="true">&time;</span> </button> 显示和隐藏内容 show/hidden 快速浮动 pull-left 左浮动 pull-right 右浮动 清除浮动 clearfix 内容块居中 center-block 表格 给table添加table的类名,默认给表格赋予少量的内补和边框 table-striped 条纹状的 table-bordered 带边框的 table-hover 状态类 表单 form 魅族表单控件都会添加一个form-group类中,表单控件通常都由form-control ``` 组件:官网查看