这里提供了有限的标签和扩展的类来创建出表单。
基础控件
| 类 |
描述 |
| .form-control |
输入控件 |
| .form-control-static |
静态控件 |
| .checkbox |
多选 |
| .checkbox-inline |
横向排列多选 |
| .checkbox-stack |
纵向排列多选 |
| .radio |
单选 |
| .radio-inline |
横向排列单选 |
| .radio-stack |
纵向排列单选 |
例子
布局
| 类 |
描述 |
| .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控件小一号 |
示例
字段校验
| 类 |
描述 |
| .help-block |
帮助文本 |
| .has-success |
定义成功效果的form-group |
| .has-warning |
定义警告效果的form-group |
| .has-error |
定义错误效果的form-group |
| .has-feedback |
添加额外的图标 |
| .form-control-feedback |
反馈图标 |
| .was-validated .is-valid |
控件验证通过 |
| .was-validated .is-invalid |
控件验证不通过 |
| .was-validated .valid-feedback |
通过状态的反馈文字 |
| .was-validated .invalid-feedback |
不通过状态的反馈文字 |
| .valid-tooltip |
通过状态的飘浮提示文字 |
| .invalid-tooltip |
不通过状态的飘浮提示文字 |
示例
静态控件
| 类 |
描述 |
| .form-control-static |
静态控件 |
示例
输入框组
通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮，可以实现对表单控件的扩展。
| 类 |
描述 |
| .input-group |
输入框组 |
| .input-group-left |
左侧额外的元素 |
| .input-group-right |
右侧额外的元素 |
| .input-group-center |
输入框容器 |
| .input-group-text |
左侧右侧文本 |
| .input-group-lg |
大尺寸 |
| .input-group-sm |
小尺寸 |
示例
下拉按钮
| 类 |
描述 |
| .select |
选择按钮 |
| .select-label |
选择按钮内部文字 |
| .select-placeholder |
选择按钮占位文字 |
| .select-icon |
选择按钮右侧图标 |
| .select-disabled |
选择按钮禁用 |
| .select-loading |
选择按钮加载中 |
示例
多选框
| 类 |
描述 |
| .form-control-tags |
存放tags的容器 |
示例
开关按钮
| 类 |
描述 |
| .btn-toggle |
开关按钮 |
| .btn-toggle-checked |
开关按钮选中状态 |
示例
