颜色提醒:
.success:表示成功的操作(绿色)
.info:表示信息变化的操作(蓝色)
.warning:表示一个警告的操作(黄色)
.danger:表示一个危险的操作(红色)
1.网格系统:
class前缀后接所占格数:<768px :.col-xs- <992px:.col-sm- <1200px:.col-md- >1200px:.col-lg-
2.表格:
.table:为任意 <table> 添加基本样式 (只有横向分隔线)
.table-striped:在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)
.table-bordered:为所有表格的单元格添加边框
.table-hover:在 <tbody> 内的任一行启用鼠标悬停状态
.table-condensed:让表格更加紧凑
3.表单:
3.1表单布局
垂直或基本表单:form-group
内联表单:form-inline
水平表单:form-horizontal
3.2表单控件input
输入框input:form-control
文本框textarea:form-control
复选框checkbox和单选框radio:.checkbox-inline 或 .radio-inline
选择框select:form-control
4.按钮
.btn:为按钮添加基本样式
.btn-default:默认/标准按钮
.btn-primary:原始按钮样式(未被操作)
.btn-link:让按钮看起来像个链接 (仍然保留按钮行为)
.btn-block:块级按钮(拉伸至父元素100%的宽度)
.active:按钮被点击
.disabled:禁用按钮
5.图片:
.img-rounded:为图片添加圆角 (IE8 不支持)
.img-circle:将图片变为圆形 (IE8 不支持)
.img-thumbnail:缩略图功能
.img-responsive:图片响应式 (将很好地扩展到父元素)
6.响应式实用工具
.visible-xs:<768px可见,其余隐藏
.visible-sm:768px<x<992px可见,其与隐藏
.visible-md:992px<x<1200px可见,其与隐藏
.visible-lg:>1200px可见,其余隐藏
.hidden-xs:反之同上
.hidden-sm:反之同上
.hidden-md:反之同上
.hidden-lg:反之同上