强大的表单相关样式，包括基础控件、各种布局、大小尺寸、字段校验以及丰富的表单组件。
| 类 | 描述 |
| .form-control | 输入控件 |
| .form-check | 单选框和复选框的容器 |
| .form-check-inline | 单选框和复选框的内联容器 |
| .form-text | 帮助文本 |
使用方法
| 类 | 描述 |
| .form | 换行布局的表单 |
| .form-inline | 内联表单 |
| .form-horizontal | 水平排列的表单 |
| .form-group | label和一个输入框的组合 |
| .form-label | 控件用的标签 |
| .form-control | 输入控件 |
使用方法
| 类 | 描述 |
| .form-group-lg | .form-group-lg下面的标签的控件大一号 |
| .form-group-sm | .form-group-sm下面的标签的控件小一号 |
| .form-control-lg | .form-control-lg控件大一号 |
| .form-control-sm | .form-control-sm控件小一号 |
使用方法
| 类 | 描述 |
| .has-valid | 定义成功效果的form-group |
| .has-invalid | 定义错误效果的form-group |
| .has-feedback-icon | 添加额外的图标 |
| .feedback-icon | 反馈图标 |
| .feedback-text | 反馈文字 |
| .feedback-tooltip | 反馈飘浮提示文字 |
使用方法
| 类 | 描述 |
| .form-control-static | 静态控件 |
使用方法
通过在文本输入框 前面、后面或是两边加上文字或按钮，可以实现对表单控件的扩展。
| 类 | 描述 |
| .input-group | 输入框组 |
| .input-group-prepend | 输入框组左侧额外的元素 |
| .input-group-append | 输入框组右侧额外的元素 |
| .input-group-body | 输入框组中间容器 |
| .input-group-text | 输入框组左侧右侧文本 |
| .input-group-lg | 输入框组大尺寸 |
| .input-group-sm | 输入框组小尺寸 |
以下组件更推荐封装成组件使用
使用方法
通过在文本输入框 前面、后面或是两边加上文字或按钮，可以实现对表单控件的扩展。
| 类 | 描述 |
| .input | 输入框 |
| .input-prefix | 输入框前缀 |
| .input-suffix | 输入框后缀 |
| .input-body | 输入框控件容器 |
| .input-lg | 输入框大尺寸 |
| .input-sm | 输入框小尺寸 |
| .input-disabled | 禁用状态 |
| .input-counter | 输入框计数器样式 |
使用方法
| 类 | 描述 |
| .tags-input | 标签输入框 |
| .tags-input-placeholder | 标签输入框占位文字 |
| .tags-input-nowrap | 标签输入框标签不换行容器 |
| .tags-input-wrap | 标签输入框标签可换行容器 |
| .tags-input-lg | 标签输入框大尺寸 |
| .tags-input-sm | 标签输入框小尺寸 |
| .tags-input-disabled | 标签输入框禁用 |
使用方法
| 类 | 描述 |
| .select | 选择按钮 |
| .select-label | 选择按钮内部文字 |
| .select-placeholder | 选择按钮占位文字 |
| .select-icon | 选择按钮右侧图标 |
| .select-disabled | 选择按钮禁用 |
| .select-loading | 选择按钮加载中 |
| .select-lg | 大号选择按钮 |
| .select-sm | 小号选择按钮 |
使用方法
| 类 | 描述 |
| .textarea | 文本域 |
| .textarea-counter | 文本域计数器样式 |
| .textarea-lg | 大号文本域 |
| .textarea-sm | 小号文本域 |
使用方法
| 类 | 描述 |
| .checkbox-group | 多选组 |
| .radio-group | 单选组 |
| .checkbox-group-horizontal | 水平布局多选组 |
| .radio-group-horizontal | 水平布局单选组 |
| .checkbox | 多选框 |
| .radio | 单选框 |
| .checkbox-disabled | 多选框禁用 |
| .radio-disabled | 单选框禁用 |
| .checkbox-checked | 多选框选中状态 |
| .radio-checked | 单选框选中状态 |
| .checkbox-indeterminate | 多选框不确定状态 |
使用方法
| 类 | 描述 |
| .switch | 开关按钮 |
| .switch-checked | 开关按钮选中状态 |
| .switch-disabled | 开关按钮禁用 |
| .switch-loading | 开关按钮加载中 |
使用方法
| 类 | 描述 |
| .btn-toggle | 开关按钮 |
| .btn-toggle-checked | 开关按钮选中状态 |
| 使用方法 | |
