内置样式类
此部分样式类属于快捷样式类，即在页面上选择不同的标签就会产生相应的样式，在页面上无需定义，是存在于站点级别的样式类，可在站点文件中更改。若想更改样式，可在页面上进行相应更改，页面级样式类优先级高于站点级样式类。同样，在wide中，我们不推荐手写样式类代码文件，可以在相关的图形界面进行图形编辑，之后将相应的样式粘贴进对应的站点级样式类文件，或者粘贴进对应的页面级样式类文件中。
1. 字体样式
| 样式类名称 | 释义 | 适用范围 | 使用前 | 使用后 |
|---|---|---|---|---|
| small | 使文字大小缩小至原字体的85% | 文本 | 例子 | 例子 |
| lead | 使段落内容突出显示，不可与small同用 | 文本 | 例子 | 例子 |
| text-left | 左对齐 | 文本 | 例子 | 例子 |
| text-center | 居中 | 文本 | 例子 | 例子 |
| text-right | 右对齐 | 文本 | 例子 | 例子 |
| text-justify | 两端对齐 | 文本 | 例子 | 例子 |
| text-nowrap | 强制文本不换行 | 文本 | wware允许领域专家快速开发部 | wware允许领域专家快速开发部 |
| text-lowercase | 英文小写 | 文本 | TEXT | TEXT |
| text-uppercase | 英文大写 | 文本 | text | text |
| text-capitalize | 首字母大写 | 文本 | text | text |
2. 列表样式
| 样式类名称 | 释义 | 适用范围 | 使用前 | 使用后 |
|---|---|---|---|---|
| list-unstyled | 无样式列表 | <ul>(无序列表) <ol>(有序列表) |
|
|
| list-inline | 内联列表，是列表内容放置于同一行 | <ul>(无序列表) <ol>(有序列表) |
|
|
3. 表格样式
（1）table-striped：给 <tbody> 之内的每一行增加斑马条纹样式，添加在<table>标签上。
效果：
（2）table-bordered：为表格和其中的每个单元格增加边框，添加在<table>标签上。
效果：
（3）table-hover：让 <tbody> 中的每一行对鼠标悬停状态作出响应，添加在<table>标签上。
效果：
（4）table-condensed：让表格更加紧凑（比正常表格稍小），添加在<table>标签上。
效果：
（5）下面样式类在<tr>或<td>标签添加、设置颜色
| active | success | info | warning | danger |
| 灰，鼠标悬停在行或单元格上时所设置的颜色 | 绿，标识成功或积极的动作 | 蓝，标识普通的提示信息或动作 | 黄，标识警告或需要用户注意 | 红，标识危险或潜在的带来负面影响的动作 |
4. 图片样式
下面的图片样式类用在<img>标签上。
（1）img-responsive：图片响应式 (将很好地扩展到父元素，即将 max-width: 100%; 和 height: auto; 样式应用在图片上)。
使用前
使用后
（2）img-rounded：圆角
使用前
使用后
（3）img-circle：圆形，若想要正圆形，需要将图片宽高设置为相等。
使用前
使用后
（4）img-thumbnail：缩略图
使用前
使用后
5. 按钮样式
可作为按钮使用的标签或元素有：<a>、<button>、<input>。
| 样式类名称 | 释义 | 适用范围 | 使用后 |
|---|---|---|---|
| btn | 按钮类，任何赋予按钮类的页面元素都会显示按钮样式。不过，通常是用于更好的表现<a> 和 <button> 页面元素。 | <a>、<button>、<input> | |
| btn-default | 默认样式，颜色：灰，即按钮背景色为灰色，字体为黑色 | 使用此类需添加btn类 适用于按钮 | |
| btn-primary | 首选项，颜色：蓝，即按钮背景色为蓝色，字体为白色 | 同上 | |
| btn-success | 成功，颜色：绿，即按钮背景色为绿色，字体为白色 | 同上 | |
| btn-info | 一般信息，颜色：浅蓝，即按钮背景色为浅蓝色，字体为白色 | 同上 | |
| btn-warning | 警告，颜色：黄，即按钮背景色为黄色，字体为白色 | 同上 | |
| btn-danger | 危险 颜色：红，即按钮背景色为红色，字体为白色 | 同上 | |
| btn-link | 简化一个按钮，使它看起来像一个链接，同时保持按钮的行为 | 同上 | |
| btn-lg | 大按钮 | 同上 | |
btn-sm | 小按钮 | 同上 | |
| btn-xs | 超小尺寸 | 同上 | |
| btn-block | 将按钮拉伸至父元素100%的宽度，并且变为块级元素 | 同上 | |
| active | 给链接<a>标签或者<button>标签添加该类，可以给按钮添加激活状态。当按钮处于激活状态时，其表现为被按压下去（底色更深、边框夜色更深、向内投射阴影） | 同上 | |
| disabled | 给链接<a>标签或者<button>标签添加该类，可以将按钮设置为禁用状态（即不可点击状态） | 同上 |
6. 表单样式
以下样式类用在<form>标签上。
（1）form-vertical：垂直对齐（默认）。
（2）form-inline：内联，向左对齐并在同一行内显示完成的表单。