2. Bootstrap样式

目录

一、栅格系统

1.实现原理

2.Bootstrap 网格的基本结构

3. 栅格系统的使用 

 1）列组合

 2）列偏移

3）列嵌套

4）列排序

5）栅格系统选项参数

二、CSS全局样式

 1. 标题

 2. 对齐方式

3. 列表

 4. 表单

1）基础表单

 2）内联表单

3）横向表单

5. 控件大小

1）高度尺寸

2）列尺寸宽度 

6. 按钮

7. 图片

总结

---

一、栅格系统

Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备尺寸的增加，系统会自动分为最多12列。

1.实现原理

通过定义容器大小，平分为12份，再调整内外边距，最后结合媒体查询，制作出强大的响应式栅格系统。