doraemon的python jquery插件和bootstrap

### 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
```

组件：官网查看