表单

[TOC] ## 水平排列的表单模版

index.html

```

Email

Remember me

Sign in

```

## 多选和单选框 > [参考](https://v3.bootcss.com/css/#%E5%A4%9A%E9%80%89%E5%92%8C%E5%8D%95%E9%80%89%E6%A1%86) ### 纵向添加 ``` ``` > radio 同理 只是把`.checkbox` 换成 `.radio` 但其实他们只是互为别名,样式相同 ### 横向添加 横向只需要把 `.checkbox` 改为 `.checkbox-inline` ``` ``` > radio 同理 只是把`.checkbox-inline` 换成 `.radio-inline` 但其实他们只是互为别名,样式相同 ## 下拉列表（select） ``` 1 2 3 4 5 ``` ## 修饰控件 ### 对控件的提示文字 - help-block 
``` ``` ### 校验状态-颜色 
- `.has-warning`、`.has-error`或`.has-success`类到这些控件的父元素即可。 - 任何包含在此元素之内的`.control-label`、`.form-control`和`.help-block`元素都将接受这些校验状态的样式 - 对所有空间生效 ``` ``` ### 校验状态-图标 
- 在`hs-*` 后添加 `has-feedback` - `glyphicon-*-*` 前一个"*"可选择颜色和后一个"*"可选择形状 ``` ``` ### 控件前后修饰文字  - 使用 `input-group` 包裹 空间 - 使用 `input-group-addon` 添加文字 ``` ```