BootStrap

概念

一个前端开发的框架，BootStrap。基于HTML,CSS,JS，简洁灵活，快捷开发WEB.

框架：一个半成品软件，开发人员在框架的基础上，再开发，简化编码。
好处：

1. 定义了很多CSS,JS的插件，开发人员直接使用这些样式和插件得到丰富的页面效果。（jar包）
2. 响应式布局。同一套页面可以适应不同分辨率的设备。

下载

BootStrap中文网

将三个文件夹复制到项目
创建HTML页面，引入必要的资源文件。在BootStrap中文网有基本案例。

响应式布局（栅格系统）

页面适应不同大小（分辨率）的设备。
容器 class=“container” class=“container-fluid”
行class=“row”
元素 class="col-xs-1 col-sm-2 "
xs sm md lg
12 自动换行 向上兼容 向下一元素一行

CSS样式和JS插件

全局CSS样式：

1. 按钮 class=“btn btn-default”
2. 图片
   响应式图片:< img src="…" class=“img-responsive” alt=“Responsive image”>
   图片形状:
   < img src="…" alt="…" class=“img-rounded”>方
   < img src="…" alt="…" class=“img-circle”>圆
   < img src="…" alt="…" class=“img-thumbnail”>相框
3. 表格
4. 表单

组件：

1. 导航条
2. 分页条

插件：
轮播图