前端框架Bootstrap
该框架已经帮你写好了很多页面样式，你如果需要使用，只需要下载它对应文件，之后直接cv拷贝即可
在使用Bootstrap的时候所有的页面样式都只需要你通过class来调节即可
版本选择建议使用v3版本：https://v3.bootcss.com/
注意
bootstrap的js代码是依赖于jQuery的，也就意味着你在使用Bootstrap动态效果的时候，一定要导入jQuery
布局容器
左右两侧有留白 左右两侧没有留白 # 后续在使用bootstrap做页面的时候 上来先写一个div class=container,之后在div内部书写页面栅格系统
写一个row就是将所在的区域划分成12份 获取你所要的份数 # 在使用bootstrap的时候 脑子里面一定要做12的加减法栅格参数
.col-xs- .col-sm- .col-md- .col-lg-
针对不同的显示器 bootstrap会自动选择对应的参数
如果你想要兼容所有的显示器 你就全部加上即可
在一行如何移动位置
排版
bootstrap将所有原生的HTML标签的文本字体统一设置成了肉眼可以接受的样式
效果一样，但是标签表达的意思不一样（语义）
表格
...............//不同的类 表示的不同颜色
表单
登陆页面
username:
password:
针对表单标签 加样式就用form-control
class="form-control"
"""
222
333
checkbox和radio我们一般不会给它加form-control，直接使用原生的即可
"""
针对报错信息 可以加has-error（input的父标签加）
username:
按钮
通过给按钮添加 .btn-block 类可以将其拉伸至父元素100%的宽度，而且按钮也变为了块级（block）元素。
图表
登陆页面
//glyphicon 添加的图标<style>
span {
color: greenyellow;
}
</style>
扩展
导航条
| 1 | jason | 123 | study |