H+ 后台UI Bootstrap HTML5 CSS3源文件 扁平化 jQuery框架

框架的正常结构素包含以下几个方面（参考index.html）：

1. #wrapper body素之后的主容器
2. nav .navbar-static-side 左侧导航菜单.
3. #page-wrapper 页面内容的主容器
4. nav .navbar-static-top 顶部菜单
5. .footer 页脚主容器

iframe子页面的HTML素

框架的正常子页面结构素包含以下几个方面（参考empty_page.html）：

1. .page-heading 页面标题及包屑式导航容器
2. .wrapper-content html素主容器

3. 结构

   文件夹和文件

   1. Hplus-v.3.0.1/
   2.  ├── css/（css文件夹，包含框架主要css及示例、插件的css文件）
   3.  ├── docs/（开发文档）
   4.  ├── fonts/（字体图标，包含FontAwesome字体图标和Bootstrap自带的Glyphicons字体图标）
   5.  ├── img/（图片）
   6.  ├── js/（js文件夹，包含框架主要的js及示例、插件的js文件）
   7.  ├── plugins/（存放Flash等插件）
   8.  ├── 404.html（404页面）
   9.  ├── 500.html（500页面）
   10.  ├── agile_board.html（任务清单）
   11.  ├── article.html（文章页面）
   12.  ├── badges_labels.html（徽章，标签，进度条）
   13.  ├── basic_gallery.html（基本图库）
   14.  ├── blog.html（文章列表）
   15.  ├── blueimp.html（Blueimp相册）
   16.  ├── buttons.html（按钮）
   17.  ├── calendar.html（日历）
   18.  ├── carousel.html（图片切换）
   19.  ├── chat_view.html（聊天窗口）
   20.  ├── clients.html（客户管理）
   21.  ├── code_editor.html（代码编辑器）
   22.  ├── contacts.html（）
   23.  ├── css_animation.html（css动画）
   24.  ├── diff.html（文本对比）
   25.  ├── draggable_panels.html（拖动面板）
   26.  ├── empy_page.html（空白页面）
   27.  ├── faq.html（FAQ）
   28.  ├── file_manager.html（文件管理）
   29.  ├── form_advanced.html（高级表单）
   30.  ├── form_avatar.html（富头像上传编辑器）
   31.  ├── form_basic.html（基本表单）
   32.  ├── form_builder.html（表单构建器）
   33.  ├── form_editors.html（富文本编辑器）
   34.  ├── form_file_upload.html（文件上传）
   35.  ├── form_markdown.html（Markdown编辑器）
   36.  ├── form_simditor.html（Simditor富文本编辑器）
   37.  ├── form_validate.html（表单验证）
   38.  ├── form_webuploader.html（百度 Web Uploader）
   39.  ├── form_wizard.html（表单向导）
   40.  ├── forum_main.html（论坛）
   41.  ├── glyphicons.html（Glyphicons图标）
   42.  ├── graph_echarts.html（百度ECHarts）
   43.  ├── graph_flot.html（Flot图表）
   44.  ├── graph_metrics.html（图表组合）
   45.  ├── graph_morris.html（Morris.js图表）
   46.  ├── graph_peity.html（Peity图表）
   47.  ├── graph_rickshaw.html（Rickshaw图表）
   48.  ├── graph_sparkline.html（Sparkline图表）
   49.  ├── grid_options.html（栅格）
   50.  ├── iconfont.html（阿里巴巴矢量图标库）
   51.  ├── icons.html（字体图标）
   52.  ├── index.html（主页）
   53.  ├── index_v1.html（主页示例一）
   54.  ├── index_v2.html（主页示例二）
   55.  ├── index_v3.html（主页示例三）
   56.  ├── index_v4.html（主页示例四）
   57.  ├── index_v5.html（主页示例五）
   58.  ├── invoice.html（单据）
   59.  ├── invoice_print.html（单据打印）
   60.  ├── jstree.html（树形视图）
   61.  ├── layer.html（web层组件layer）
   62.  ├── layerdate.html（日期选择器layerDate）
   63.  ├── layerphoto.html（layer相册）
   64.  ├── layouts.html（布局）
   65.  ├── lockscreen.html（登录超时）
   66.  ├── login.html（登录）
   67.  ├── login_v2.html（登录2）
   68.  ├── mail_compose.html（写邮件）
   69.  ├── mail_detail.html（查看邮件）
   70.  ├── mailbox.html（收件箱）
   71.  ├── modal_window.html（模态窗口）
   72.  ├── nestable_list.html（嵌套列表）
   73.  ├── notifications.html（通知 & 提示）
   74.  ├── pin_board.html（标签签
   75.  ├── plyr.html（视频、音频播放）
   76.  ├── profile.html（个人资料）
   77.  ├── project_detail.html（项目详情）
   78.  ├── projects.html（项目）
   79.  ├── register.html（注册）
   80.  ├── search_result.html（搜索结果）
   81.  ├── skin-config.html（主题设置选项）
   82.  ├── social_feed.html（信息流）
   83.  ├── spinners.html（加载动画）
   84.  ├── suggest.html（搜索建议）
   85.  ├── sweetalert.html（Sweet alert）
   86.  ├── table_basic.html（基础表格）
   87.  ├── table_data_tables.html（数据表格）
   88.  ├── table_foo_table.html（FooTable）
   89.  ├── table_jqgrid.html（jqGird）
   90.  ├── table_bootstrap.html（Bootstrap Table）
   91.  ├── tabs_panels.html（选项卡 & 面板）
   92.  ├── teams_board.html（团队管理）
   93.  ├── timeline.html（时间轴）
   94.  ├── timeline_v2.html（时间轴2）
   95.  ├── toastr_notifications.html（Toastr通知）
   96.  ├── tree_view.html（树形视图）
   97.  ├── typography.html（沛）
   98.  ├── webim.html（WebIM即时通讯）
   99.  ├── widgets.html（小部件）

   主页面的HTML素

   框架的正常结构素包含以下几个方面（参考index.html）：

   1. #wrapper body素之后的主容器
   2. nav .navbar-static-side 左侧导航菜单.
   3. #page-wrapper 页面内容的主容器
   4. nav .navbar-static-top 顶部菜单
   5. .footer 页脚主容器

   iframe子页面的HTML素

   框架的正常子页面结构素包含以下几个方面（参考empty_page.html）：

   1. .page-heading 页面标题及包屑式导航容器
   2. .wrapper-content html素主容器

   ---

   布局结构（经典布局）

   在所有页面的 <head> 中，应包含的meta和css等如下：

   1. <!DOCTYPE html>
   2. <head>
   3.  
   4.  <!-- Meta -->
   5.  <meta charset="utf-8">
   6. <meta name="viewport" content="width=device-width, initial-scale=1.0"<
   7.  <meta name="renderer" content="webkit">
   8.  <title>H+ 后台主题UI框架 - 页面</title>
   9.  
   10.  <!-- CSS文件 -->
   11.  <link href="css/bootstrap.min.css" rel="stylesheet">
   12.  <link href="css/font-awesome.css" rel="stylesheet">
   13.  <link href="css/animate.css" rel="stylesheet">
   14.  <link href="css/style.css" rel="stylesheet">
   15.  
   16. </head>