栅格系统

JS文件

bootstrap.min.js

application.js

highlight.min.js

holder.min.js

jquery.min.js

首先先引入jquery.min.js文件

复习→JQuery框架

1事件切换

2事件委派

3事件处理

4事件

5特效

6Ajax异步通讯技术

7工具

bootstrap框架

1css样式

2css组件

3JS插件

#css样式:

1栅格系统

2排版

3代码

4表格

5表单

6按钮

7图片

8响应式图片

9工具

#栅格系统

响应式，应对移动手机端，平板端，桌面端

，应对不同的屏幕

1大div用container类名(页面大块布局)

2row→行

3col-md-12，col-xs-12带浮动

后面加上clearfix类名的div

图片自动生成:(holder.min.js)

<img src＝“holder.js/200×200” alt=“”>

col-xs

一行12列

<div class=“row”>

<div class=“col-md-4”></div>

</div>