bootstrap 第三天

1. 元素排版

   默认为文档流，脱离文档流（1.position：relative  2.position：absolute） relative中top属性不能用百分比，absolute中margin：auto无效。

2. 分栏：ul .pagination .-lg 

3.       li .disabled .active

4. 翻页：ul .pager

5.       li .disabled .previous(float:left) .next

6. 标签：.label .label-default .label-primary success

7. 
   

8. danger

9. 徽章：.badge 

10. 放大：div .jumbotron 发大h,p1标签内容（不同设备放大尺寸不同）；

11. 页面标题：增加边距 .page-header

12. 缩略图：父元素（div,span,a) .thumbnail 父元素内放图片等

13. 警告：div .alert .alert-success    .alert-dismissable

14.                             button:  data-dismiss="alert"   

15. 进度条：父div .progress . progress-striped active

16. 子div（可多个） .progress-bar-*

17. 多媒体对象： 图片边上文字的排版

18. 列表组：ul: list-group

19.         li: list-group-item active 

20. 面板： div.panel panel-info

21.        div.panel-heading div.panel-title div.panel-body

22. well div .well .well-lg well-sm

23. 相册 （缩略图+分栏+模糊态）

    有了bootstrap 实现扁平化设计就是这么简单