bootstrap

一个前端开发的框架：
好处：
1定义了很多css样式和js插件。我们开发人员直接使用就行
2响应式布局
*同一套页面可以兼容不同分辨率的设备
基本模板：

你好，世界！

**响应式布局** 实现：依赖于栅格系统：将一行平均分成12个格子，可以指定元素占几个格子 步骤： 1定义容器，相当于之前的table 容器分类： 1container:两边留白 2container-fluid:每一种设备100%宽度 2定义行。相当于之前的tr 样式：row 3定义元素。指定该元素在不同的设备上。所占的格子数目 样式：col-设备代号-格子数目 设备代号： xs，sm，md，lg

注意：一行中如果格子数目超过12，则超出部分自动换行
栅格类属性可以向上兼容。栅格类适用于与屏幕宽度大于或等于分界点大小的设备
如果真实设备宽度小于了设置栅格类属性的设备代码的最小值，会一个元素沾满一整行
css样式和js插件
全局css样式
按钮
图片
表格
表单
组件
导航条
分页条
插件
轮播图