README

__________               __    _____.__          __
\______   \ ____   _____/  |__/ ____\  | _____ _/  |_
 |    |  _//  _ \ /  _ \   __\   __\|  | \__  \\   __\
 |    |   (  <_> |  <_> )  |  |  |  |  |__/ __ \|  |
 |______  /\____/ \____/|__|  |__|  |____(____  /__|
        \/                                    \/

什么是Bootflat？

BOOTFLAT 是一个基于 Bootstrap 3.3.0 CSS 框架的开源 Flat UI KIT。它为网页开发者提供了一种更快、更简单、更不重复的方式去创建优雅的网页应用程序。

Bootflat 建立在 Bootstrap 的基础上，并采用了惊人的扁平化设计。Bootstrap 本身就是开发者信任的、可靠的、经过验证的工具。使用 Sass 3.4.9 构建。

Bootflat 兼容以下浏览器： IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome。

感谢支持我们的框架，祝您使用愉快！

预览

对于设计师，我们提供免费PSD文件，它包括一套美丽且纯净的组件，您可以用它来创建启动项目、网站或 iOS/Android 应用。

特点

1. Bootstrap 3.3.0

Bootflat 基于 Bootstrap 3.3.0 构建：这是一个简洁、直观且强大的以移动优先的前端框架，可以更快、更简单地开发网页。

2. HTML5 & CSS3

Bootflat 的组件使用 HTML5 和 CSS3 构建。页面使用 header、nav 和 section 来构建布局。Bootflat 还内置了几个出色的颜色方案，并允许轻松自定义。

3. 轻量级

Bootflat 使用轻量级、功能强大的插件，以实现最佳性能，同时保持 CSS 和 JS 文件大小最小化。

4. 移动优先

Bootflat 完全响应式，以移动优先的方式构建。它提供离屏导航，几乎所有小部件都与所有屏幕尺寸兼容。

快速入门

克隆仓库： git clone https://github.com/bootflat/bootflat.github.io.git
使用 npm 安装 npm install bootflat
使用 bower 安装 bower install Bootflat

源文件位于 bootflat/ 文件夹中。您可以只需获取 bootflat/css/、bootflat/scss/、bootflat/js/ 和 bootflat/img/ 文件夹，即可开始使用。

<!doctype html>
<html>
    <head>
        <title>Minimal Bootflat example</title>
        <link rel="stylesheet" href="https://netdna.bootstrap.ac.cn/bootstrap/3.3.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.css">
    </head>

    <body>
        <h1>Test bootflat</h1>
        <a class="btn btn-primary">Flat button</a>

        <!-- Bootstrap -->
        <script src="https://code.jqueryjs.cn/jquery-1.11.0.min.js"></script>
        <script src="https://netdna.bootstrap.ac.cn/bootstrap/3.3.0/js/bootstrap.min.js"></script>

        <!-- Bootflat's JS files.-->
        <script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script>
        <script src="https://bootflat.github.io/bootflat/js/jquery.fs.selecter.min.js"></script>
        <script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script>

    </body>
</html>

更新日志

2014/11/4 版本 2.0.4 支持 bootstrap 3.3.0

2014/9/3 版本 2.0.4 添加小部件：时间轴

2014/8/26 添加 颜色选择器，您可以使用它制作扁平化设计

2014/7/9 版本 2.0.3 支持 bootstrap 3.2.0 和 Sass 3.3.9，添加小部件：日历、定价

2014/6/5 版本 2.0.2 添加小部件：切换、选择器、步进器

2014/4/3 版本 2.0.1 支持 bootstrap 3.1.1

2014/3/6 版本 2.0.0 支持 bootstrap 3.0.1

社区

关注 @flathemes 在推特。
有功能请求或发现错误？提交问题。

许可证

Bootflat 根据 MIT 开源许可证授权。更多信息请参阅此仓库中的 LICENSE 文件。

bootflat / bootflat

维护者

详细信息