softxdlm

bootstrap整理

强调相关的类

.text-muted：提示，使用浅灰色（#999）

.text-primary：主要，使用蓝色（#428bca）

.text-success：成功，使用浅绿色(#3c763d)

.text-info：通知信息，使用浅蓝色（#31708f）

.text-warning：警告，使用黄色（#8a6d3b）

.text-danger：危险，使用褐色（#a94442）

文本对齐风格

.text-left：左对齐

.text-center：居中对齐

.text-right：右对齐

.text-justify：两端对齐

列表–去点列表

.list-unstyled

列表–内联列表（把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显

示。）

.list-inline

列表–水平定义列表（只有屏幕大于768px的时候，添加类名“.dl-horizontal”才具有

水平定义列表效果。）

.dl-horizontal

代码（一）

三种代码风格：

1、使用来显示单行内联代码，一般是针对于单个单词或单个句子的代码

2、使用

来显示多行块代码，一般是针对于多行代码（也就是成块的代码）

3、使用来显示用户输入代码，一般是表示用户要通过键盘输入的内容

代码（二）

“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，

就会在Y轴出现滚动条。

.pre-scrollable

表格

.table：基础表格

.table-striped：斑马线表格

.table-bordered：带边框的表格

.table-hover：鼠标悬停高亮的表格

.table-condensed：紧凑型表格

.table-responsive：响应式表格

表格–表格行的类（注意要实现悬浮状态，需要在

标签上加入table-hover类）

.active 表示当前活动的信息

.success 表示成功或者正确的行为

.info 表示中立的信息或行为

.warning 表示警告，需要特别注意

.danger 表示危险或者可能是错误的行为

单行文本框

表单控件(下拉选择框select)（多行选择设置multiple属性的值为multiple）