BonVue v2.1 - HTML Bootstrap 4 管理模板 preview 1

BonVue v2.1 - HTML Bootstrap 4 管理模板

bookmark

BonVue 是一款由 Unifato 团队开发的 Bootstrap 4 后台管理模板,提供完整的管理后台 UI 组件库,适合快速搭建企业级管理后台。

HTML

项目简介

BonVue 是一款由 Unifato 团队开发的 Bootstrap 4 后台管理模板,提供完整的管理后台 UI 组件库,适合快速搭建企业级管理后台。

技术栈

  • Bootstrap 3.3.7
  • SCSS
  • Gulp(构建工具)
  • Font Awesome 4.7.0
  • Material Icons
  • Perfect Scrollbar
  • Prism(代码高亮)
  • Pace(页面加载指示器)

项目结构

text
bonvuehtml-21/
└── bonvue-the-ultimate-bootstrap-4-admin-template-ui-kit/
    ├── bonvue_html.zip          # HTML 版本完整模板
    ├── bonvue_php.zip           # PHP 版本完整模板
    ├── CHANGELOG.txt
    ├── help/
    │   ├── index.html           # 文档首页
    │   ├── package.json
    │   └── assets/              # 文档静态资源
    └── licensing/               # 授权文件

核心文件说明

  • bonvue_html.zip — HTML 版完整模板包,解压后即可使用
  • bonvue_php.zip — PHP 版模板包(包含后端示例)
  • help/index.html — 模板使用文档,包含组件、布局、SCSS 等说明
  • help/package.json — Gulp 构建配置,定义 SCSS 编译、自动前缀等任务
  • licensing/GPL.txt — GPL 开源协议说明

快速开始

  1. 解压 bonvue_html.zipbonvue_php.zip
  2. 用浏览器直接打开 HTML 文件,或配置本地服务器访问
  3. 若需修改 SCSS,进入 help/ 目录执行:
bash
cd help
npm install
gulp

使用建议

该模板提供完整的后台管理界面组件,解压后建议先阅读 help/index.html 文档了解布局结构和可用的 CSS 类名,再根据业务需求进行定制开发。

help_outline

常见问题