HTML后台

bootflat-admin — HTML 后台模板

作者 silverbux

基于 Bootstrap 与 Bootflat 的扁平化后台管理模板，提供 HTML 页面、Sass 与 Grunt 构建流程，采用 MIT 许可。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

扁平化后台管理界面，基于 Bootflat 与 Bootstrap 构建

提供 HTML 页面、Sass 源文件、CSS 与 JavaScript 源码

通过 csscomb.json 与 jscomb.json 配置需要合并的 CSS/JS 文件

Grunt watch 监听源码变化并自动合并压缩到 dist 目录

dist 目录包含 css、fonts、js、img，可直接用于部署

采用 MIT 开源许可，允许使用、修改、商用和分发

模板详细介绍

Bootflat-Admin 是一个开源的后台管理界面模板，界面风格为扁平化（Flat UI），基于 Bootflat 与 Bootstrap CSS 框架构建。仓库以 HTML 页面为主体，附带 Sass 源文件、CSS 与 JavaScript 源码，以及用于合并、压缩和清理资源的 Grunt 工作流。

模板的源码位于 bootflat-admin 目录，包含 csscomb.json 与 jscomb.json 两个配置文件，用于声明需要合并的 CSS 与 JS 文件；样式可写在 bootflat-admin/css/site.css 或 scss 目录下的 Sass 文件中，脚本写在 bootflat-admin/js/application.js。构建产物输出到 dist 目录，包含 css、fonts、js、img 子目录，README 说明 dist 是应用或网站实际需要的目录。

使用前需要安装 Node 依赖并运行 grunt watch，该命令会监听 sass、css 和 js 文件变化并自动合并、压缩到 dist/css/site.min.css 与 dist/js/site.min.js。若修改 Sass，还需要安装 Ruby 与 Sass。项目最后更新于 2014 年，依赖的是当时的 Bootstrap 与 Bootflat 版本，未提供现代前端构建或框架集成方案。

HTML后台

适合你的项目吗？

适用场景

搭建扁平化风格的后台管理界面原型
在现有 HTML 项目中引入 Bootflat 组件与样式
基于 Sass 定制后台主题的配色与组件样式
通过 Grunt 工作流合并压缩前端静态资源

适合人群

需要扁平化后台界面参考或起点的开发者
使用 HTML、CSS、Sass 与 Grunt 技术栈的前端项目
希望基于 MIT 许可自由修改和分发的项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
克隆仓库后进入目录执行 npm install 安装依赖
2
运行 grunt watch 监听并自动合并压缩 sass、css 和 js 文件
3
修改 Sass 前需安装 Ruby 并执行 gem install sass
4
CSS/JS 合并清单在 bootflat-admin/csscomb.json 与 jscomb.json 中维护
5
部署时使用 dist 目录，其中包含 css、fonts、js、img

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

修改 Sass 源文件前需先安装 Ruby 并执行 gem install sass，即 Sass 编译依赖外部 Ruby 环境，非纯前端零依赖使用。
使用模板前需在项目目录执行 npm install 安装 Node 依赖，构建流程依赖外部 npm 包。
需运行 grunt watch 才能监听并自动合并压缩 sass、css、js 文件，构建依赖 Grunt 工具链。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

After installing Ruby execute `gem install sass` to install SASS
README 原文

Go inside the folder and Install Requirements: `npm install`
README 原文

Run Grunt Watch: `grunt watch`
README 原文

https://github.com/silverbux/bootflat-admin/blob/master/LICENSE https://github.com/silverbux/bootflat-admin/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 64 / 100
技术栈: HTML
网站类型: 后台

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2014-10-22
截图检查日期: 2026-10-02

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 4f6073f9b19b001d5dd69e5f5810ad5fbf38abf5ad73d7786bf5d8e4b65b1f65

2026-10-02T14:24:40.004Z

来源文件 / 仓库


# What is Bootflat-Admin?
BOOTFLAT-ADMIN is an open source Flat UI KIT specialized for admin template, based on BOOTFLAT and Bootstrap 3.2.0 CSS framework.

# Preview
![Bootflat-Admin](https://raw.githubusercontent.com/silverbux/bootflat-admin/master/dist/img/screensho1.png "Bootflat-Admin")

![Bootflat-Admin](https://raw.githubusercontent.com/silverbux/bootflat-admin/master/dist/img/screenshot2.png "Bootflat-Admin")

For the designers, BOOTFLAT offer a [free PSD](https://github.com/bootflat/Bootflat.UI.Kit.PSD) file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.


# Installation
* Clone the repo: `git clone https://github.com/silverbux/bootflat-admin.git`
* Go inside the folder and Install Requirements: `npm install`
* Run Grunt Watch: `grunt watch`

#Customize / Modify / Workflow
`grunt watch` will monitor any changes to sass, css and js files and automatically combine, minify and clean all files to **dist/css/site.min.css** and **dist/js/site.min.js**

###CSS and JS Settings
Add or Remove css/js sources or packages from **bootflat-admin/csscomb.json** and **bootflat-admin/jscomb.json**

###CSS
Add your css rules under **bootflat-admin/css/site.css**

###SASS FILES
You can also modify SASS files under folder **/bootflat-admin/scss** folder.

###JS FILES
Add your javascript codes under **bootflat-admin/js/application.js**.

#Folder Structure

```bash
Root Folder
├──bootflat-admin
│  ├── csscomb.json  # json file containing all css files to combine
│  ├── jscomb.json   # json file containing all js files to combine
│  ├── css           # source files for css
│  ├── js            # source files for js
│  ├── sass          # sass files
│  └── tmp           # temp folder for csscomb
│
│──dist              # the only folder you need for your app/website/template
│  ├── css
│  ├── fonts
│  ├── js
└──└── img
```
# MORE INFO

## Installing Ruby and Sass
* https://www.ruby-lang.org/en/installation/ *(for windows user dont forget to check "Add Ruby executables to your PATH" option)*
* After installing Ruby execute `gem install sass` to install SASS

## CREDITS
Bootflat-Admin is simply a modified copy of Bootflat with extra magic stuff in it. All necessary credits are given to [Bootflat](http://bootflat.github.io/) authors.

## LICENSE
Bootflat-Admin is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository.

反馈内容错误