0215--Bootstrap

1.Bootstrap网格系统（Grid System）
Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。

图片.png

（1）一些预定义的网格类，比如 .row 和 .col-xs-4；
（2）网格选项：

图片.png

（3） Bootstrap 网格的基本结构：

图片.png

（4）实例：手机，平板，电脑

图片.png

（5）实现内容对设备的显示和隐藏：

图片.png

其中*指：block，inline，inline-block；

（6）偏移列：为了在大屏幕显示器上使用偏移，请使用 .col-md-offset- 类。这些类会把一个列的左外边距（margin）增加 * 列，其中 * 范围是从 1 到 11。
（7）嵌套列;
（8）列排序：可以改变带有 .col-md-push-* 和 .col-md-pull-* 类的内置网格列的顺序，其中 * 范围是从 1 到 11。

2.Bootstrap排版
http://www.runoob.com/bootstrap/bootstrap-typography.html

3.Boorstrap代码
code，pre
使用两个标签时，内部的代码如果用到<>需要使用 unicode 变体： < 和 >。

4.Bootstrap表格
http://www.runoob.com/bootstrap/bootstrap-tables.html

5.Bootstrap表单
http://www.runoob.com/bootstrap/bootstrap-forms.html

6.Bootstrap按钮
http://www.runoob.com/bootstrap/bootstrap-buttons.html

7.Bootstrap图片
http://www.runoob.com/bootstrap/bootstrap-images.html