元素排版
默认为文档流，脱离文档流（1.position：relative 2.position：absolute） relative中top属性不能用百分比，absolute中margin：auto无效。
分栏：ul .pagination .-lg
li .disabled .active
翻页：ul .pager
li .disabled .previous(float:left) .next
标签：.label .label-default .label-primary success
danger
徽章：.badge
放大：div .jumbotron 发大h,p1标签内容（不同设备放大尺寸不同）；
页面标题：增加边距 .page-header
缩略图：父元素（div,span,a) .thumbnail 父元素内放图片等
警告：div .alert .alert-success .alert-dismissable
button: data-dismiss="alert"
进度条：父div .progress . progress-striped active
子div（可多个） .progress-bar-*
多媒体对象： 图片边上文字的排版
列表组：ul: list-group
li: list-group-item active
面板： div.panel panel-info
div.panel-heading div.panel-title div.panel-body
well div .well .well-lg well-sm
23. 相册 （缩略图+分栏+模糊态）
有了bootstrap 实现扁平化设计就是这么简单
