## 模态窗口

##### H+ 模态窗口

创建自定义的H+模态窗口可通过添加`.inmodal`类来实现。

#### 窗口标题

这里可以显示副标题。

H+ 是一个完全响应式，基于Bootstrap3.4.0最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.1)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。

Email

##### 大小设置

模态窗口提供两种大小尺寸，可以通过为模态窗口的`.modal-dialog`添加类来实现

#### 窗口标题

这里可以显示副标题。

H+ 是一个完全响应式，基于Bootstrap3.4.0最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.1)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。

#### 窗口标题

H+ 是一个完全响应式，基于Bootstrap3.4.0最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.1)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。

##### 动画窗口

您可以通过为模态窗口的`.modal-content`添加类来实现动画效果

#### 窗口标题

这里可以显示副标题。

H+ 是一个完全响应式，基于Bootstrap3.4.0最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.1)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。

#### 窗口标题

这里可以显示副标题。

H+ 是一个完全响应式，基于Bootstrap3.4.0最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.1)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。

##### 设置选项

可以通过数据绑定或者Javascript来实现模态窗口的相关功能，如果使用数据绑定，可以为元素添加`data-`，如 `data-backdrop=""`。

名称 | 类型 | 默认值 | 说明
--- | --- | --- | ---
backdrop | boolean 或 string `'static'` | true | 遮罩层，或使用`'static'`指定遮罩层与关闭模态窗口不关联
keyboard | boolean | true | 按Esc键时退出模态窗口
show | boolean | true | 初始化完成后显示模态窗口
remote | path | false | 推荐使用数据绑定方式，或使用jQuery.load 远程URL示例：
    <a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>