> 注意 : 验证采用bootstrap Validator，请自行官网下载。

### 文本显示

# `h1`. Lanai

## `h2`. Lanai

### `h3`. Lanai

#### `h4`. Lanai

##### `h5`. Lanai

###### `h6`. Lanai

Lanai 强调文字加黑显示 `.lead`

以下使用样式`.text-*`

Lanai 文本颜色 `.text-green`

Lanai 文本颜色 `.text-aqua`

Lanai 文本颜色 `.text-light-blue`

Lanai 文本颜色 `.text-red`

Lanai 文本颜色 `.text-yellow`

Lanai 文本颜色 `.text-muted`

##### 圆角按钮

.label-control .label-default
.label-success
.label-primary

##### 平角按钮

`.no-radius`样式
`.no-raduis-childs`会去掉所有子元素的圆角设定

.label-primary

简易SWITCH，复杂请用bootstrap-switch

`.switch-primary`
`.switch-info`
`.switch-success`
`.switch-lg`
`.switch-warning`
`.switch-sm`
`.switch-danger`
`.switch-xs`

### 简单输入框`.form-control`

超大输入框`.input-lg`
默认输入框
超小输入框`.input-sm`
禁用输入框`disabled`属性
密码输入框（必填项)
普通下拉表

### 多选&单选

默认样式
常用`.checkbox-primary`
成功`.checkbox-success`
提醒`.checkbox-info`
警示`.checkbox-warning`
危险`.checkbox-danger`
禁用(以上样式通用)
默认
常用`.radio-primary`
绿色`.radio-success`
提醒`.radio-info`
警示`.radio-warning`
危险`.radio-danger`
禁用(以上样式通用)

### 方框风格&图标`.input-group`

姓名
@gmail.com

### 日期和时间选择

访问官网:集成脚本bootstrap-datepicker,使用`obj.datetimepicker({});`

日期选择
日期&时间选择
月份选择

### 带按钮的输入框(尺寸从大到小)

`.input-group-lg`

`.input-group-sm`

### 文本域

### 文件或图片上传

访问官网:集成bootstrap-fileinput,使用`obj.fileinput({})`