一.container
页面容器
二.栅格系统
一行分成12列:
div.row为一行
div.col-md-12 //列,不挤压
div.col-xs-12 //列,挤压
三.图片自动生成
四.块对齐和文本对齐
文本对齐:
p.text-left
p.text-center
p.text-right
块对齐:
pull-left
pull-right
center-block
五.排版样式
h1.page-header
p.lead
small //略微小的字体
strong // 加粗
em //倾斜
文字的颜色:
p.text-muted 柔和色
p.text-primary 浅蓝色
p.text-success 深绿色
p.text-info 深蓝色
p.text-warning 棕色
p.text-danger 红色
六.表格样式
table.table
table.table-bordered 边框
table.table-hover 鼠标放上去变色
table.striped 隔行变色
table.table-condensed 紧缩表格
表格行颜色:
tr.active 灰色
tr.success 红色
tr.danger 黄色
tr.warning 绿色
响应式表格(水平滚动条):
table.table包裹在div.table-responsive
七.代码
pre
code
..其他:
清除浮动:clearfix
页面容器
二.栅格系统
一行分成12列:
div.row为一行
div.col-md-12 //列,不挤压
div.col-xs-12 //列,挤压
三.图片自动生成
四.块对齐和文本对齐
文本对齐:
p.text-left
p.text-center
p.text-right
块对齐:
pull-left
pull-right
center-block
五.排版样式
h1.page-header
p.lead
small //略微小的字体
strong // 加粗
em //倾斜
文字的颜色:
p.text-muted 柔和色
p.text-primary 浅蓝色
p.text-success 深绿色
p.text-info 深蓝色
p.text-warning 棕色
p.text-danger 红色
六.表格样式
table.table
table.table-bordered 边框
table.table-hover 鼠标放上去变色
table.striped 隔行变色
table.table-condensed 紧缩表格
表格行颜色:
tr.active 灰色
tr.success 红色
tr.danger 黄色
tr.warning 绿色
响应式表格(水平滚动条):
table.table包裹在div.table-responsive
七.代码
pre
code
..其他:
清除浮动:clearfix
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/30208512/viewspace-1578315/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/30208512/viewspace-1578315/